代码之家 › 专栏 › 技术社区 › iceiceicy

将2个内容分别加载到2个DIV jquery中

html jquery

iceiceicy · 技术社区 · 7 年前

是否可以简化此呼叫?

$('.tag-widget a').click(event => {
    event.preventDefault()
    $('.products-grid').load(`${event.target.href} .products-grid`)
    $('.pagination-cubic').load(`${event.target.href} .pagination-cubic`)
})

基本上,当我单击.tag小部件下的链接时,我希望将.pagination cubic&products网格中的内容加载到其各自的分区中。

上面的代码对我有用,但它正在进行两次调用,这影响了加载时间。我能把它们合并成1吗?

我在下面的代码中尝试了这个方法,但结果是.products网格同时加载到.pagination cubic&products网格中。

jQuery(document).ready(function ($) {
    $('.tag-widget a').click(event => {
        event.preventDefault()
        $('.products-grid, .pagination-cubic').load(`${event.target.href} .products-grid, .pagination-cubic`)
    })
});

P/S:在论坛中搜索,我只找到了将2个内容插入1个分区的方法。

1 回复 | 直到 7 年前

31piy 7 年前

docs for .load()

$.get(url, data, success)

$.get(event.target.href, function(resp) {
  var resp = $(resp);

  $('.products-grid').html(resp.find('.products-grid').html());

  if (resp.find('.pagination-cubic').length > 0) {
    $('.pagination-cubic').html(resp.find('.pagination-cubic').html());
  } else {
    $('.pagination-cubic').html('');
  }
});