OnClick事件仅在单击两次后触发javascript函数

Question

我对这个网络编程很新，我在onclick事件上遇到了一些麻烦。我甚至不知道使用“onclick（）”是否是最好的事情，但它一直在为我工作。

此时，我有一个带有div的页面，我在其中加载了另一页。当我使用这段js

从工具栏中选择选项时，此内容会根据更改的哈希值而变化

function loadcontent(toload){
   $('#browsediv').load("content/addimagecontent.php?"+toload);
}

从主页调用每个js函数，而不是内容。

现在，我的问题是，在加载的内容中，我有几页结果，并且我有一个div，其中印有“Next”字样，以及一个应该使页面更改其页面属性的onclick事件： / p>

echo "<div onClick='loadcontent(\"page=".$nextpage."\")'>Next</div>";

我也有同样的事情引导你到上一页。

一旦我进入页面，我会看到所有内容，但是如果我点击“下一步”或“上一页”，它第一次就没有做任何事情。 随后我点击其中任何一个，它完美地工作，即使我点击的第一件事是Next，然后我点击Previous或反之。

我一直在四处寻找，但似乎没有人能回答任何可以适应我的问题，如果有人，请原谅我，因为英语不是我的母语，我有时候不知道最好的方法寻找东西。 感谢您阅读：）

Answer 1

添加id属性，而不是添加onclick。然后用jquery你可以做这样的事情：

<div id="yourDiv">Next</div>

$("#yourDiv").click(function() {
    loadcontent(toload)
})

我不太确定这是否合法＆＃34;但您也可以将$nextPage变量添加为属性。

<div id="yourDiv" data-page="<?php echo $nextPage;?>">Next</div>

然后你会使用以下

$("#yourDiv").click(function() {
    var page = $(this).attr('data-page');
    loadcontent(page);
})