javascript - 单击按钮时 JQuery OnClick 不起作用

Question

我有一个 naqvigation 按钮，单击该按钮时应将另一个 html 页面加载到具有“main”类的 div 中，为此我添加了一个带有 JQuery 的 onclicklistener。这是 JQuery 代码:

$('WOFButton').on('click', function(event) {
    alert("clicked");
    $('.Main').load('wof.html');
});

但是，当我单击按钮时什么也没有发生。没有错误消息，什么都没有。提前致谢!

Answer 1

您的查询选择器是 $('WOFButton')。

因此 jQuery 正在寻找带有标签 WOFButton 的元素

您的 HTML 不太可能包含如下所示的标记:

<WOFButton></WOFButton>

如果您想获取Id为WOFButton的元素

// bind <input id="WOFButton" type="button" />
$('#WOFButton').on('click', function(event) {
    alert("clicked");
    $('.Main').load('wof.html');
});

如果您打算使用类属性 WOFButton 获取它，则:

// bind <input class="WOFButton" type="button" />
$('.WOFButton').on('click', function(event) {
    alert("clicked");
    $('.Main').load('wof.html');
});

如果您想通过名称属性 WOFButton 获取它，则:

// bind <input name="WOFButton" type="button" />
$('[name="WOFButton"]').on('click', function(event) {
    alert("clicked");
    $('.Main').load('wof.html');
});