Question

我有一个wordpress网站正在运行。我使用ID作为选择器将jquery点击事件绑定到<div>标记。

相关代码如下： JS：

<script>
    $(document).ready(function() {
        $( "#homepage_contact_form" ).click(function() {
          alert( "Handler for .click() called." );
        });
    });
</script>

HTML：

<div id="homepage_contact_form" class="et_pb_module et_pb_contact_form_container clearfix  et_pb_contact_form_0">

然而，事件未触发。

如果我在jsfiddle（https://jsfiddle.net/yL4gjc1d/）中模拟它，那么它可以工作，但它不适用于实际的页面。

相关信息：

这是一个使用Divi主题的Wordpress网站。 js正在通过ePanel
您可以在http://www.inkcorporate.com

由于

Answer 1

请用jQuery替换所有$。我认为它适用于：

    jQuery(document).ready(function() {
        jQuery( "#homepage_contact_form" ).click(function() {
          alert( "Handler for .click() called." );
        });
    });

希望有所帮助。

Answer 2

在jquery库文件的末尾有jQuery.noConflict();

这意味着$不可用，您必须使用jQuery

// use jQuery as the initial object and pass $ in as 
// the parameter to the ready method so that $ is available inside it
jQuery(document).ready(function($) {
  $("#homepage_contact_form").click(function() {
    alert("Handler for .click() called.");
  });
});

Answer 3

您是否在页面上导入了jQuery库？例如：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

确保将其放在指向本地.js文件的链接之前。

jquery click事件没有绑定

3 个答案: