Ajax 调用只能运行两次

Question

我有一个奇怪的。

我有一个 div，它有一个 onclick 事件，调用一个函数，该函数又进行 ajax 调用。 在 Safari 中执行此操作正好两次。 使用 iPhone 运行相同的程序每次都能完美运行。

这就是我正在做的事情：

// this is created by the Ajax call
no1 = 0;
no2 = 1;
formName = "myButton" + no1 + no2;
//newItem is what is returned by the Ajax call
newItem = "<div id=\"trainingOptions\" onclick=\"request_ajax('".$formName."')\">";
//this places the onclick event into the HTML code
document.getElementById.("myDiv").innerHTML = newItem;

所以基本上这就是一次又一次放置 onclick 事件的方式。 当request_ajax应答时，这部分被替换为完全相同的。

现在，该操作在 Safari 中的运行次数恰好是 iPhone 上点击次数的两倍。

有什么想法为什么会发生这种情况吗？

最佳库尔特

Answer 1

您提供的信息很少，我们无法帮助您。所以这只是一个猜测，如下所示：

你的附加：

newItem = "<div id=\"trainingOptions\" onclick=\"request_ajax('".$formName."')\">";

由于你在附加它之前没有清除 div，所以在我看来，你正在附加具有相同 id 的多个 div。由于浏览器以不同的方式处理多个等效 ID，这可能是导致您出现问题的原因。

只能有一个具有一个 ID 的元素，不能有两个具有相同 ID 的元素，否则会导致冲突。所以也许这就是发生在你身上的事情。