Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
选项卡、JQuery、href标记_Jquery_Html_Tabs_Href - Fatal编程技术网

选项卡、JQuery、href标记

选项卡、JQuery、href标记,jquery,html,tabs,href,Jquery,Html,Tabs,Href,我是新来的网站建设,所以我很抱歉,如果这是一个愚蠢的问题。我正在尝试构建一个页面,其中有两个链接指向同一页面(登录和注册): php页面有一个选项卡形式(与此类似),我希望某个特定的选项卡是当前选项卡,具体取决于单击的链接(注册或登录) 这可能吗?怎么做 谢谢 在链接的页面中,url会根据所链接的选项卡而变化 选中,而您似乎希望独特页面具有动态行为 我会首先在选项卡中添加一个id[这是您链接的页面的一段代码]: <ul class="login_tab unstyled horizo

我是新来的网站建设,所以我很抱歉,如果这是一个愚蠢的问题。我正在尝试构建一个页面,其中有两个链接指向同一页面(登录和注册):

  • php页面有一个选项卡形式(与此类似),我希望某个特定的选项卡是当前选项卡,具体取决于单击的链接(注册或登录)

    这可能吗?怎么做


    谢谢

    在链接的页面中,url会根据所链接的选项卡而变化 选中,而您似乎希望独特页面具有动态行为

    我会首先在选项卡中添加一个id[这是您链接的页面的一段代码]:

    <ul class="login_tab unstyled horizontal clearfix">
        <li class="signup-toggle toggle" id="signup"><a href="/signup" data-toggle="tab">Sign Up</a></li>
        <li class="login-toggle toggle" id="login"><a href="/login" data-toggle="tab">Log In</a></li>
    </ul>
    
    我没有在实际页面上测试代码,但我希望您能理解


    编辑:根据@dev null suggestion简化代码

    您通常应该使用,因为散列总是以
    #
    开头,所以您可以使用
    url.slice(1)
    <ul class="login_tab unstyled horizontal clearfix">
        <li class="signup-toggle toggle" id="signup"><a href="/signup" data-toggle="tab">Sign Up</a></li>
        <li class="login-toggle toggle" id="login"><a href="/login" data-toggle="tab">Log In</a></li>
    </ul>
    
    <li><a href="login.php#login">Login</a></li>
    <li><a href="login.php#signup" class="button special">Sign Up</a></li>
    
    $(function() {
      var url = location.pathname.hash; // gets #par_name
      var par = url.slice(1); // gets 'par_name'
      var d = document.getelementById(par); // gets element with id #par_name
      d.className += " active"; // makes the element active
    });