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

Question

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

此时，我有一个带有div的页面，我在其中加载了另一页。 当我使用这段js从工具栏中选择选项时，此内容会根据更改的哈希值而变化

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

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

现在，我的问题是，在加载的内容中，我有几页结果，并且我有一个div，其中单词Next打印到其中，以及一个onclick事件，应该使页面更改其页面属性：

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

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

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

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

Answer 1

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

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

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

我不太确定这是否“合法”，但您也可以将$nextPage变量添加为属性。

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

然后你会使用以下内容

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