Question

我的html代码如下：

<button type="button" class="btn d-btn btnActor" style="background: #9cc447;" rel="tooltips" title="Militant" data-x = '1' data-y = '4' id='btn-matrice1'>

            <p style="color:#fdff36; font-size:10px;text-decoration:underline;line-height:0px;padding-right:35px; padding-bottom:6px;"><a style="color:#fdff36;" class='list'>Liste</a></p>
            <p style='color:#ffffff; font-size:10px; line-height:0px;'>Militant</p>
            <p style="color:#ffffff; font-size:10px; line-height:0px;">&nbsp;</p>
            <p style="font-size:10px; line-height:0px; padding-left:35px;" class="count" data-count="1" mytag="1"></p>
</button>

和jquery代码：

 $('button').on('click', 'a.list',function(e) {   
            alert(1); 
  });

当我点击它不起作用。任何人都帮我解决它..

Answer 1

你必须使用它：

e.preventDefault();

Answer 2

试试这个

$(document).ready(function() { 
    $('document').on('click', 'a.list',function(e) {   
                alert(1); 
      }); 
});

Answer 3

试试这段代码：

$(document).ready(function() {
$("button").click(function(){
    alert("button");
  }); 
});

或

$(document).ready(function(){
$ ("button"). on ('click', function() {   
            alert(1); 
  }); 
});

在加载文档后使用ready()使功能可用

Answer 4

它不起作用的原因是因为目标对象（您的<button>）必须存在于DOM中才能使jQuery.on()函数正常工作。这是根据jQuery documentation。

从上面链接的jQuery doc：

事件处理程序仅绑定到当前选定的元素;他们在您的代码调用.on（）时页面上必须存在。要确保元素存在且可以选择，请执行事件绑定在文档就绪处理程序中的元素页面上的HTML标记。

在DOM中的“存在”按钮之前，您可能会将jQuery放在页面顶部。

要解决此问题，请将jQuery放在按钮下方（例如放在页面底部的<script>标记中），或者最好 - 使用{{ 1}}

$(document).ready()

点击标签a按钮不起作用

4 个答案: