链接到标签中包含的手风琴部分?

时间:2015-08-20 21:12:11

标签: jquery twitter-bootstrap-3 tabs accordion nav

我是一个相对较新的网络开发人员,因此,我遇到了我的第一个主要问题。是的,我试图通过锚标签访问手风琴中的内容,然而,手风琴位于一组标签内。锚标记位于index.php的页脚内。 Bootstrap 3已经方便地提供了所有这些功能。

enter image description here

基本上就我遇到这个问题而言,使用stackoverfloooow我已经解决了问题的tab部分的链接,我使用这个脚本做了这个。

$(window).load(function() { 

    // cache the id
    var navbox = $('.nav-tabs');

    // activate tab on click
    navbox.on('click', 'a', function (e) {
      var $this = $(this);
      // prevent the Default behavior
      e.preventDefault();
      // send the hash to the address bar
      window.location.hash = $this.attr('href');
      // activate the clicked tab
      $this.tab('show');
    });

    // will show tab based on hash
    function refreshHash() {
      navbox.find('a[href="'+window.location.hash+'"]').tab('show');
    }

    // show tab if hash changes in address bar
    $(window).bind('hashchange', refreshHash);

    // read has from address bar and show it
    if(window.location.hash) {
      // show tab on load
      refreshHash();
    }

0 个答案:

没有答案