jquery livequery没有修复autosuggest？

我在此处的订单商品的搜索产品字段中启用了自动建议功能：jquery livequery没有修复autosuggest？

这里的问题是，当我添加新的搜索产品字段（订购商品标题下的绿色按钮）时，自动建议插件无法运行新的领域。从我阅读的几篇文章中，我认为autosuggest会解决这个问题，但不解决问题。任何想法为什么？

自动提示：

$("#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]); 
});

增加新的领域

$('#AddProduct').livequery('click', function(event) { 
    $('#OrderProducts').append('<div class="column width50"><input type="text" id="PRODUCTNAME" name="PRODUCTNAME" value="" class="width98" /><input type="hidden" id="PRODUCTID" name="PRODUCTID" /><input type="hidden" id="UNITPRICE" name="UNITPRICE" /><small>Search Productsvalue="" class="width98" /><small>Quantity</small></div><div class="column width30"><span class="prices">Unit Price:<br />Total Price:</span></div>'); 
    return false;

}）;

HTML

 <fieldset> 
      <h2>Order Items</h2> 
      <div id="OrderProducts"> 
       <a href="#" id="AddProduct"><img src="icons/add.png" alt="Add" /></a><a href="#" id="DeleteProduct"><img src="icons/cancel.png" alt="Cancel" /></a> 
      </div> 

       <input type="hidden" id="PRODUCTID" name="PRODUCTID" /> 
       <input type="hidden" id="UNITPRICE" name="UNITPRICE" /> 
       <small>Search Products</small> 
      </div> 
      <div class="column width20"> 
       <input type="text" id="UNITPRICE" name="UNITPRICE" value="" class="width98" /> 
       <small>Quantity</small> 
      </div> 
      <div class="column width30"> 
       <span class="prices">Unit Price:<br />Total Price:</span> 
      </div> 
     </fieldset> 
});

来源

2009-06-24 Efe

你有拖尾}）;在“添加新字段”脚本之后，对吗？ – MSpreij 2009-06-24 18:54:58

我可能有严重的复制/粘贴。对不起，我会尝试修复它。但是，我有尾随。 – Efe 2009-06-24 19:46:44

我认为问题是，你不自动完成添加新的元素。你实际上并不需要livequery。因此，改变你的代码的第二块，像这样：

$('#AddProduct').click(function() { 
     var adding = $('<div class="column width50"><input type="text" id="PRODUCTNAME" name="PRODUCTNAME" value="" class="width98" /><input type="hidden" id="PRODUCTID" name="PRODUCTID" /><input type="hidden" id="UNITPRICE" name="UNITPRICE" /><small>Search Products</small></div><div class="column width20"><input type="text" id="UNITPRICE" name="UNITPRICE" value="" class="width98" /><small>Quantity</small></div><div class="column width30"><span class="prices">Unit Price:<br />Total Price:</span></div>');   
     $('#OrderProducts').append(adding); 

     adding.find("#PRODUCTNAME").autocomplete("orders.cs.asp?Process=ListProducts", { 
      selectFirst: false 
     }).result(function(event, data, formatted) { 
      if (data) { 
       adding.find("#PRICE").val(data[1]); 
       adding.find("#ID").val(data[2]); 
       adding.find("#UNITPRICE").val(data[1]); 
       adding.find("#PRODUCTID").val(data[2]); 
      } 
     }); 

     return false; 
});

我认为应该这样做，在这里和那里除非一个或两个小的调整。

关于如何处理表单元素的方式只有两条评论 - 您的方法会导致多个元素具有相同的ID，这是无效的（尽管它会起作用） - 也许更改它以基于类进行选择代替。其次，您使用了html函数来设置输入的值 - 甚至不能确定它是否有效，所以在我建议的解决方案中，我使用val替换了html调用。

来源

2009-06-24 19:56:17 Kazar

jquery livequery没有修复autosuggest？

回答

相关问题