Question

我跟着this thread。我现在有：

<a href="#" onclick="$('#gc').load('test');">reload</a>... </span>
<div id="gc">
    empty
</div>

这就是我得到的：

Uncaught exception: TypeError: Cannot convert '$('#gc')' to object
Error thrown at line 1, column 0 in <anonymous function>(event):
    $('#gc').load('test');

那是什么？我以为我能够选择div并用load（）替换内容？

Answer 1

尝试在domready附加事件处理程序：

HTML：

<a href="some-url" class="reload_link">reload</a>
...

JS：

(function($) {
  $(function() {
     $('.reload_link').click(function() {
        $(this).next('div').load(this.href);
        return false;
     });
  });
})(jQuery);

我喜欢使用jQuery参数将我的$代码包装在匿名函数中，以避免与其他库发生名称冲突。（当然，我也可以使用jQuery.noConflict()）

它的工作方式是检索文档中具有reload_link类的所有元素，然后对于每个元素，它检索下一个<div>元素并调用load，传递在当前<a>元素的href属性中。

简单：用ajax内容替换div（jquery）

1 个答案: