javascript - 使用更换时转子停止工作

Question

我的网站有问题。我正在尝试将所有出现的一个电话号码替换为不同的电话号码。

如果您转到www.paintballgames.co.uk您将看到常规页面

如果您转到www.paintballgames.co.uk/?test=phtest您将看到号码已更改的号码

但是在第二种情况下旋转器不工作。

我尝试比较源代码，唯一的区别是，在第二种情况下，我有一些代码正在更改显示的代码。

我使用的代码是:

<script type="text/javascript">
    var str = document.getElementById('forChange').innerHTML;
    str = str.replace("844 477 5050", "844 477 5178");
    document.getElementById('forChange').innerHTML = str;
</script>

任何人都可以分享对此的任何了解吗？

Answer 1

首先，即使在常规站点上，我也看到了 javascript 的异常:

$("#container-inline").html("<input type="image" name="op" value="GO" id="search-form-submit"  class="form-image" />");

这不起作用，因为您应该转义引号或使用单引号:

$("#container-inline").html("<input type=\"image\" name=\"op\" value=\"GO\" id=\"search-form-submit\"  class=\"form-image\" />");

或

$("#container-inline").html("<input type='image' name='op' value='GO' id='search-form-submit'  class='form-image' />");

更新:
“click_heatmap.js”中还有一个异常(exception):

Drupal.behaviors.click_heatmap = function()) { 
// the "function()) {" is invalid. It should be "function() {"
click_heatmap.js:6 Uncaught SyntaxError: Unexpected token )
  if (window.location.href != parent.location.href) {
    $('#admin-menu').remove();
  }
}

更新2:修复错误后，您可能会看到问题的根源。

更新3:为什么你要在 Javascript 中而不是在服务器端更改电话号码？

更新4:
现在我有了更有趣的事情! “forChange”元素几乎是整个网站的包装!你永远不应该编写这样的代码!相反，你应该这样做:

$(document).ready(function() { 
    $("SPAN.phone-now").text("your text"); 
});

更新5:
现在我可以解释为什么 Javascript 停止工作了。当您编写类似 body.innerHtml = body.innerHtml.replace(...) 的内容时，所有 Javascript 都会丢失，并且新的 Javascript 不会执行。所以，什么都行不通!所有保存在 Javascript 中的引用都指向不可见的“旧”元素。