Question

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

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

然而，当我点击按钮时没有任何反应。没有错误消息，没有。提前致谢！

Answer 1

您的查询选择器是$（＆＃39; WOFButton＆＃39;）。

因此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');
});

Answer 2

我猜你的选择器错了。当您使用它来按ID进行选择时，它应该以#like $('#WOFButton')开头。此外，您的函数需要调用event.preventDefault()函数以防止触发按钮的默认操作。

Answer 3

01-01-1985

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

您选择的方式错误，因为<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <button class="WOFButton">WOFButton</button>这不是标记，您可以通过ID WOFButton或类#WOFButton来选择此标记。

单击按钮时JQuery OnClick无法正常工作

3 个答案: