![](/img/trans.png)
[英]Why isn't my javascript onclick event triggered on the first click?
[英]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.