Question

我正在尝试编写一个基于列表数量禁用按钮的功能。前端代码是用Jade编写的。这是流程。从项目列表中，可以选择删除单个项目。每当我点击删除锚点时，脚本都应检查项目数量。如果为零，则禁用该按钮。这是代码示例：

    button#savethemebtn.n-e-w-more-button.publish-button.margin-top-none.hint--top(onclick='updateShareModal();', href='#shareModal', role='button btn', data-toggle='modal', data-id='magId', data-hint='Share this Theme.', style="background-color:#cc1235")

     a#delItem(style='cursor:pointer;') // Delete button
         img(src='/assets/img/library/close.png')

在同一个文件中，我编写了一个脚本

    script.

     $('#delItem').on('click',function(){
       var items = $('#current-KO-lists').children().length;
       alert(items);
       if(items == 0){
        $('#savethemebtn').prop('disabled',true);
       }
     });

单击删除按钮时，它不会触发“.on”处理程序。尝试将处理程序包含在匿名函数中，但它不起作用。谢谢

主要编辑：它不是按钮，它是一个锚标记（delItem）

Answer 1

试试这个：

$(document).on('click','#delItem',function(){
       var items = $('#current-KO-lists').children().length;
       alert(items);
       if(items == 0){
        $('#savethemebtn').prop('disabled',true);
       }
 });

Answer 2

尝试

$('#delItem').click(function(){
   var items = $('#current-KO-lists').children().length;
   alert(items);
   if(items == 0){
    $('#savethemebtn').prop('disabled',true);
   }
 });

Jade：Click事件处理程序不起作用

2 个答案: