Question

此代码假设将onClick事件添加到每个a元素，以便单击该元素会将页面内容动态加载到DIV中。

现在，我做到了这一点 - 它将添加onClick事件，但我如何加载动态内容？

$(document.body).ready(function () {
  $("li.cat-item a").each(function (i) {
      this.setAttribute('onclick','alert("[load content dynamically into #preview]")');
  });
});

谢谢。

Answer 1

$(document.body).ready(function () {
  $("li.cat-item a").click(function (e) {
      $('#this-is-your-target-div').load(this.href);
      e.preventDefault();
  });
});

请参阅此处的jQuery ajax函数文档：http://api.jquery.com/category/ajax/。

Answer 2

$(document).ready(function () {
  $('li.cat-item a').bind('click', function (e) {
    $('#preview').load($(this).attr('href'));

    e.preventDefault();
  });
});

jQuery中有大量的AJAX函数：http://api.jquery.com/category/ajax

Answer 3

$("li.cat-item a").click(function() {
    $.get($(this).attr('href'), function(data) {
        $("#preview").html(data);
    });
});

使用$.get的AJAX请求更容易将imho读取到被点击元素的href属性，并将检索到的数据放入div preview。

Answer 4

使用$('div.container').html(htmlString);

其中htmlString是您要放置在div类container

内的内容的html代码

如何设置将加载动态内容的onClick属性？

4 个答案: