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動畫功能在第二次點擊時觸發

回答

相關問題