Question

我不知道我是否正确描述了标题...... 基本上我有一个jquery脚本，可以在单击链接时加载内容。

我想知道说让我说通过jquery将/contents/about.php加载到我指定的div中。

<li class="nav__item ">
     <a class="header__link subdued" href="#home" data-target="contents/home">
     <span class="complimentary push--left">Home</span>
     </a>
</li>
<li class="nav__item ">
     <a class="header__link subdued" href="#news" data-target="panel/admin/news/news">
     <span class="complimentary push--left">News</span>
     </a>
</li>
<li class="nav__item ">
     <a class="header__link subdued" href="#/contents/about" data-target="contents/about">
     <span class="complimentary push--left">About Us</span>
     </a>
</li>

我是否可以输入http://localhost/#/contents/about甚至http://localhost/contents/about，它与jquery点击加载脚本的功能相同。或者，有一种简单的方法可以在jquery内容加载中进行后退/前进设置吗？

脚本：

<script>
      $(document).ready(function(){ 
         var trigger = $('#nav ul li a'),
          container = $('#wrapper');
          trigger.on('click', function(){
          var $this = $(this),
            target = $this.data('target');       
            container.load(target + '.php');
            return false;
         });
      });
   </script>

希望它有意义。

Answer 1

<强> jQuery的：

$(document).ready(function(){ 
    var cur = window.location.href;
    var a = cur.split("/");
    var pos = a.indexOf("#");
    if(pos != -1){
        var trigger = $('#nav ul li a');
        var container = $('#wrapper');
        target = a[pos+1]+""+a[pos+2];
        container.load("http://localhost/"+ target + ".php");
        return false;
    }
});

试试这个，如果没用，那么我会删除它，因为我不明白你想要的。

jQuery输入url并将内容加载到div中

1 个答案: