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

代替$(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();

  });

});

Answer 2

你可以试试这个......

$(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 on - info here

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

没有alert（），我的代码无法运行;功能在一开始

2 个答案: