繁体   English   中英

为什么不触发我的按钮单击事件?

[英]Why isn't my button click event being triggered?

我有以下js文件:

var IOMaximizeButton = {
 setup: function () {
    $(this).click(function(){
        console.log("maximize button was clicked!");
    });
  }
};

$(document).ready(function() {
  IOMaximizeButton.setup();
});

这是我的HTML的正文:

 <body>
    <a href="#" data-role="button" data-icon="delete">Maximize</a>
    <iframe id='iframe-primary' name='iframe-primary' src='foo.html' />
    <iframe id='iframe-secondary' name='iframe-secondary' src='bar.html' />
    </body>

我希望单击我的按钮时执行该javascript。 但这似乎没有触发。 为什么?

我已经在HTML页面底部导入了我的JS文件。

在您的对象中, this是指对象本身的实例,因此您试图将click事件绑定到JavaScript对象,而不是DOM元素。 我猜你实际上想要这样的东西:

var IOMaximizeButton = {
 setup: function () {
    $("#yourButton").click(function(){
        console.log("maximize button was clicked!");
    });
  }
};

这是一个有效的例子

您尚未将按钮与功能绑定

单击按钮时未编写任何代码来触发函数,因此函数将如何调用

var IOMaximizeButton = {
    setup: function () {
        $("#button").click(function(){
        console.log("maximize button was clicked!");
      });
    }
};
<a href="#" id="button">Maximize</a>

您是说$("#maximize").click(<a id="maximize" ...吗?

您的函数未附加到任何选择器,因此我无法捕获任何事件。 $(this)是一个空白对象。

尝试将$(this)更改为某些特定的选择器。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM