我的代码在没有警报(）的情况下无法正常工作;启动函数

My code is not working without an alert(); function in the start

本文关键字：常工作 工作 函数 启动 情况下 代码 有警 我的      更新时间：2023-09-26

我正在尝试触发一个：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();
});
});

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

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

或 

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

您可能需要对动态创建的元素进行事件绑定？

$(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();
  });
});
你可以

试试这个...

$(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 - 信息在这里

document.body basically search the body part of your document for select element and makes event for it
相关文章：