jQuery click事件需要双击才能起作用

Question

我的脚本实际上遇到了一些问题：实际上，单击事件需要2次单击才能起作用。 脚本是这样的：

  $('td#td_new').live('click', function() {
    $.ajax({
    type: 'GET',
    url: 'add_hobby.php',
    data: { hobby: $('#ricerca_interests').val() }, 
     success: function(msg) {                         
        nuovo_hobby="<tr id='hobby' class='checked' selezionato='si'  hobby_id='"+msg+"' ><td id='hobby' width='179px'><div id='nome_hobby'>"+$('#ricerca_interests').val()+'</div></td></tr>';
        $(nuovo_hobby).appendTo("#interessilista");

         $('tr#new_hobby').hide().remove();


        },
    error: function() {alert("Error. Try later.");}
}); 

   });

Answer 1

从jQuery 1.7开始，不推荐使用.live（）方法。 您应该使用.on（）附加事件处理程序。

看来您的代码似乎没有产生可能导致第二次点击的需要...但是尝试更改-

$('td#td_new').live('click', function() {

至

$(document).on('click','#td_new', function() {

然后打开firebug或在success: part中添加console.log('something') -并确保ajax请求按照需要完成并且不会继续运行。

否则我们需要更多代码...

玩得开心。

编辑 ：

我试图根据您上载的代码来了解您要执行的操作，但是无法对其进行测试，因此这里有一些见解供您参考：

1. 在头部添加您的源脚本（jquery + UI等）。
2. 删除jquery.min ...源代码-不需要它，因为您可以通过任何方式包含完整脚本。
3. 我建议升级到jQuery 1.9 ...您正在使用1.7.2
4. 当在不同元素上使用相同的标识符时，应使用非id class声明它们。
5. 我建议您将click事件作为类附加到div add_hobby而不是td 。

这是on（）用法的小演示，并将代码附加到您的页面：

jsfiddle演示

现在随时将我引向您的确切问题。