jquery动画功能在第二次点击时触发

$(document).ready(function() { 
    $("#currentProject").click(function() { 
     $("#projects").animate({ 
      height: "toggle" 
     }, 800, function() { 
      // Animation complete. 
      $.get("<?php echo base_url('async/projects'); ?>", function (data) { 
       //alert(data[0].name); 
       $("#projects").empty(); 
       $('#projects').append("<ul id='newList'></ul>"); 
       $.each(data, function (key, value) { 
        //alert(value.name); 
        $("#newList").append("<li><a style='text-decoration:none' href='<?php echo base_url();  ?>dashboard/index/" + value.cId + "'>" + value.name + "</a></li>"); 
       }); 
      }, "json"); 
     }); 
    }); 
});

上面的代码完全按照我的要求工作。唯一的问题是，它开始工作第二次点击。当我第一次点击#currentProject时，什么也没有发生，它从第二次点击开始运行。jquery动画功能在第二次点击时触发

来源

2013-10-25 nagesh29

使用'.on（）'方法。 –

第一次尝试在这里工作.. http://fiddle.jshell.net/29MdL/ – Trevor

@Trevor你已经显示的例子是在点击之前显示div。我最初想要隐藏的div。 – nagesh29

写在你的文档的末尾你的js代码没有$（文件）。就绪

来源

2013-10-25 17:17:18 rafaelsoma

代码已经在文档的末尾，并通过删除ready函数进行检查，但是情况相同。 – nagesh29

$(document).ready(function() { 
    $('#projects').hide(); 
    $("#currentProject").click(function() { 
    $("#projects").animate({ 
     height: "toggle" 
    }, 800, function() { 
     // Animation complete. 
     $.get("<?php echo base_url('async/projects'); ?>", function (data) { 
      //alert(data[0].name); 
      $("#projects").empty(); 
      $('#projects').append("<ul id='newList'></ul>"); 
      $.each(data, function (key, value) { 
       //alert(value.name); 
       $("#newList").append("<li><a style='text-decoration:none' href='<?php echo base_url();  ?>dashboard/index/" + value.cId + "'>" + value.name + "</a></li>"); 
      }); 
     }, "json"); 
    }); 
    }); 
});

http://fiddle.jshell.net/29MdL/1/

来源

2013-10-25 18:53:11 Trevor

@ nagesh29如果有帮助，请接受答案。或者如果它不起作用，或者您已经找到解决方案等，请给予反馈。 – Trevor

它对我不起作用。仍在挣扎着。 – nagesh29

小提琴是如何工作的？或者，您是否在实施项目时遇到困难？ – Trevor

每当我碰到这个问题，这些解决方案为我工作，尝试使用或生活，取决于使用哪个版本使用一个或另一个将工作

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

    }); 

$("#currentProject").on("click", function() { 

    }); 

    $("#currentProject").live("click", function() { 

});

来源

2013-10-25 19:29:30 CSharper

jquery动画功能在第二次点击时触发

回答

相关问题