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

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

  •  0
  • iceiceicy  · 技术社区  · 6 年前

    是否可以简化此呼叫?

    $('.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 回复  |  直到 6 年前
        1
  •  1
  •   31piy    6 年前

    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('');
      }
    });