Question

基本上我有这个脚本

$(document).ready(function() {
  $("body").on("click", ".submenu-ctn .submenu-who nav a", function(e) {
    e.preventDefault();
    var url = $(this).attr('data-url') + ' #' + $(this).attr('data-target');
    $('.tile-area-main').load(url);
  });
});

以及html的相应片段，以便您可以看到层次结构......

<header class='masthead'>
  <div class='brand-container'>
    <a class='slide' href='#' data-url='who-are-musability-music-therapy.html' data-target='overview'>
      <span class='brand-initials'>Who Are Musability?</span>
      <span><i class="fa fa-briefcase brand-initials-icon"></i></span>
    </a>
  </div>
  <nav>
    <div class='nav-container'>
      <div>
        <a class='slide' href='#' data-url='who-are-musability-music-therapy.html' data-target='mission'>
          <span class='element'>Mission and Values</span>
        </a>
      </div>

我基本上也希望在同一个函数中包含内置于标题中的href ...

目前该功能仅在导航后查看所有内容。如何在此实例中包含所有类？

Answer 1

您可以选择幻灯片作为类的所有标签。喜欢这个

$(document).ready(function(){
  $("body").on("click", ".slide", function(e){ <------- .slide
    e.preventDefault();
    var url = $(this).attr('data-url') + ' #' + $(this).attr('data-target');
    $('.tile-area-main').load(url);
  });
});

在点击时包含相同功能的可选类

1 个答案: