Question

<div id="tabs" class="htabs">
<a href="#tab-description"><?php echo $tab_description; ?></a>
<a href="#tab-attribute"><?php echo $tab_attribute; ?></a>
<a href="#tab-review"><?php echo $tab_review; ?></a>
<a href="#tab-related"><?php echo $tab_related; ?> (<?php echo count($products); ?>)</a>
</div>

当我点击此链接时，例如：.../product_id=40默认情况下会打开#tab-description。如何通过URL首先打开#tab-review，即如果我输入的网址是这样的：.../product_id=40#tab-review要打开的#tab-review？

提前致谢。

编辑：这是tabs.js内容，该文件的路径是：... / catalog / view / javascript / jquery / tabs.js

$.fn.tabs = function() {
var selector = this;

this.each(function() {
    var obj = $(this); 

    $(obj.attr('href')).hide();

    $(obj).click(function() {
        $(selector).removeClass('selected');

        $(selector).each(function(i, element) {
            $($(element).attr('href')).hide();
        });

        $(this).addClass('selected');

        $($(this).attr('href')).fadeIn();

        return false;
    });
});

$(this).show();

$(this).first().click();
};

Answer 1

您使用的是jQuery吗？你可以将它放在ready监听器中：

$(document).ready(function() {
    if(window.location.hash.length > 1) {
        $('a[href="' + window.location.hash + '"]').click();
    }
});

如果你不使用jQuery，我需要更多信息......

Answer 2

你可以试试这个：

 <script>
 //--edit add check if having a hash
 if (location.href.indexOf("#") != -1) {
    if(window.location.hash) {
       //get hash value and put to a variable
       var hash = window.location.hash.substring(1); 
       alert (hash);
       // hash found add selected class to the tab
    } else {
       // No hash found
    }
 }
 </script>

通过URL打开href =“＃tab-something

2 个答案: