javascript - 使用 jscript 或 ajax 仅重置 1 DIV

Question

我正在尝试重新加载 DIV，而不重新加载其余部分，我在许多网站上找到了以下脚本，包括这个脚本，但我发现的每个变体都不起作用，如果我在 href 中包含 # ，它确实会起作用没什么，如果我删除它，它会重新加载整个页面

$(function() {
  $("#refresh").click(function(evt) {
     $("#scratcher-box").load("index.php")
  })
})

<a href="#" id="refresh">click</a>

尝试禁用我正在运行的许多其他迷你脚本、切换 div、延迟加载和计数。拥有 JQuery 1.7.2 加载器以及 http://dl.dropbox.com/u/31213713/scratcher.js ，进行了一些更改，破坏了随附的重置按钮。我的 jscrips 很糟糕，所以正在寻找备份计划，以防万一我们无法修复重置，这是原始的 http://dl.dropbox.com/u/31213713/scratcher_orig.js

Answer 1

其一:您可能希望在函数调用中返回 false，因为您不希望执行 href。在函数内返回 false 将禁用您正在包装点击的元素的默认执行(在本例中执行 href)。

第二:您正在尝试将index.php加载到id为scratcher-box的元素中，这似乎不存在？您要么忘记创建这样的元素，要么没有发布完整的代码。请尝试以下操作:

<a href="#" id="refresh">click</a>
<div id="scratcher-box" />

<script type="text/javascript">
  $(function() {
    $("#refresh").click(function(evt) {
      $("#scratcher-box").load("index.php")
      return false;
    })
  })
</script>

<罢工>

检查问题后: 我已经在 dropbox 上使用您的文件进行了检查，问题不在于点击事件或该事件的调用内，问题在于 scraper.js 文件中的更改。

您已将 javascript 调用中“Scratcher”对象的数量从 3 个更改为 20 个。但是，一旦脚本尝试获取 Scratcher4 的宽度，它就会在第 192 行抛出错误，因为没有具有 ID 的 Canvas 元素Scratcher4。

加载文档时会引发此错误，这会导致 javascript 除了等待您修复该错误并添加这些 Canvas 元素之外无法执行任何其他操作。

除了将划痕添加到 JavaScript 对象中之外，还要在 HTML 中创建 Canvas 项。这修复了您的错误，并使 javascript 能够执行 .click 调用。