Question

所以我使用Jquery尝试获取一个带有数据变量的href链接，该数据变量表示要在一个名为tile-are-main的类中加载的div ...它似乎不起作用...... / p>

<script type="text/javascript">


$(function(){
    $(".submenu-who.nav-container a").click(function(e){
        e.preventDefault();
        var url = $(this).attr('href') + ' #' + $(this).attr('data-target');
        $('.tile-area-main').load(url);
    });
});
</script>

这是带有href的菜单......

<body class="metro">

   <div class="submenu-who">

  <header class='masthead'>
  <div class='brand-container'>
    <a href='#'>
      <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-target='mission'>
          <span class='element'>Mission and Values</span>
         </a>
      </div>

它是一个带有data'mission'位的href，它引用了我想要的tile-area-main文本div，以保持简单。

我认为我错过了子菜单之间的类和理论上的等级，如果我只是将它们全部添加到每个应该有效的空间之间？

Answer 1

是的，你需要在两者之间添加一个空格。该空间基本上适用于其中的所有子节点，而当两个类应用于同一元素时，不使用两个类之间的空格。

$(".submenu-who .nav-container a").click(function(e){
            e.preventDefault();
            var url = $(this).attr('href') + ' #' + $(this).attr('data-target');
            $('.tile-area-main').load(url);
        });

将内容从href中的数据加载到div中

1 个答案: