我的代碼無法正常工作（）;函數在開始

Question

我試圖啓動一個：click（）;函數，但無法做到這一點，我不知道爲什麼，但是當我鍵入：alert（）;函數在啓動然後我的代碼工作我卡在這種情況。

我在互聯網上搜索，但沒有成功。從你的任何幫助是非常可觀的。

HTML：

<div class="edit-options-dated"> 
    <span><?php echo date('H:i:m', (time()-strtotime($note->getCreationDatetime()))); ?></span>   
    <ul class="pull-right edit-task-icons"> 
     <li class="delete-task"><i class="fa fa-trash-o"></i></li> 
     <li class="edit-task"><i class="fa fa-pencil"></i></li> 
     <li class="setting-task"><i class="fa fa-cog"></i></li> 
    </ul> 
    <ul class="settings-task-options"> 
     <h3>note groups</h3>  
     <li><a href="#">new</a></li> 
     <li><a href="#">Affiliate Tasks</a></li> 
     <li><a href="#">next week</a></li> 
    </ul> 
</div> 

JQuery的：

$(window).load(function() { 

// alert('ok'); 

$('li.setting-task').on('click', function() { 

    $(this).parent().parent().find('.settings-task-options').toggle(); 

}); 

$('li.delete-task').click(function() { 

    $('.delete-2').slideDown(); 

}); 

}); 

Answer 1

你可以試試這個...

$(function(){ // shorthand for document ready - document is safely loaded 
    $(document.body).on('click', 'li.setting-task' ,function(e){ 
     $(this).parent().parent().find('.settings-task-options').toggle(); 
    }); 
    }); 

JQuery的上 - 信息here

document.body basically search the body part of your document for select element and makes event for it 

Answer 2

，而不是$(window).load();可以使用

$(document).ready(function(){ 
    // code here 
}); 

或

$(function(){ 
    //code here 
}); 

可能是你需要Event binding on dynamically created elements?

$(document).ready(function(){ 

// alert('ok'); 

$('body').on('click','li.setting-task', function() { 

     $(this).parent().parent().find('.settings-task-options').toggle(); 

    }); 

    $('body').on('click','li.delete-task',function() { 

    $('.delete-2').slideDown(); 

    }); 

});