javascript - 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>";

我也有同样的东西引导你到上一页。

一旦我进入该页面，我就会看到所有内容，但如果我单击“下一步”或“上一步”，它第一次不会执行任何操作。 随后，当我单击其中任何一个时，它都会完美地工作，即使我单击的第一个内容是“下一步”，然后单击“上一个”，反之亦然。

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

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);
})