Databases
StackOverflow2013
Postsdbo
POjquery livequery not fixing autosuggest?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery livequery not fixing autosuggest?
    text
    copied!<p>I have an autosuggest feature enabled in search products field of order items section here: </p> <p>The issue here is, when I add new search product fields (green button under order items title), auto suggest plugin is not functioning in the new fields. From a few articles I read, I thought autosuggest would fix this issue, but not fixing. Any idea why?</p> <p>auto suggest:</p> <pre><code>$("#PRODUCTNAME").autocomplete("orders.cs.asp?Process=ListProducts", { selectFirst: false }); $("#PRODUCTNAME").result(function(event, data, formatted) { if (data) $("#PRICE").html(data[1]); $("#ID").html(data[2]); $("#UNITPRICE").html(data[1]); $("#PRODUCTID").html(data[2]); }); </code></pre> <p>adding new field</p> <pre><code>$('#AddProduct').livequery('click', function(event) { $('#OrderProducts').append('&lt;div class="column width50"&gt;&lt;input type="text" id="PRODUCTNAME" name="PRODUCTNAME" value="" class="width98" /&gt;&lt;input type="hidden" id="PRODUCTID" name="PRODUCTID" /&gt;&lt;input type="hidden" id="UNITPRICE" name="UNITPRICE" /&gt;&lt;small&gt;Search Productsvalue="" class="width98" /&gt;&lt;small&gt;Quantity&lt;/small&gt;&lt;/div&gt;&lt;div class="column width30"&gt;&lt;span class="prices"&gt;Unit Price:&lt;br /&gt;Total Price:&lt;/span&gt;&lt;/div&gt;'); return false; </code></pre> <blockquote> <p>});</p> </blockquote> <p>html</p> <pre><code> &lt;fieldset&gt; &lt;h2&gt;Order Items&lt;/h2&gt; &lt;div id="OrderProducts"&gt; &lt;a href="#" id="AddProduct"&gt;&lt;img src="icons/add.png" alt="Add" /&gt;&lt;/a&gt;&lt;a href="#" id="DeleteProduct"&gt;&lt;img src="icons/cancel.png" alt="Cancel" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;input type="hidden" id="PRODUCTID" name="PRODUCTID" /&gt; &lt;input type="hidden" id="UNITPRICE" name="UNITPRICE" /&gt; &lt;small&gt;Search Products&lt;/small&gt; &lt;/div&gt; &lt;div class="column width20"&gt; &lt;input type="text" id="UNITPRICE" name="UNITPRICE" value="" class="width98" /&gt; &lt;small&gt;Quantity&lt;/small&gt; &lt;/div&gt; &lt;div class="column width30"&gt; &lt;span class="prices"&gt;Unit Price:&lt;br /&gt;Total Price:&lt;/span&gt; &lt;/div&gt; &lt;/fieldset&gt; }); </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload