0

以下のタブは、外部 js ファイルで正常に動作します。リンクを追加して、ユーザーがリンク www.ll.com/#comments をクリックしたときにコメントが表示されるようにする方法..tab http://www.dynamicdrive.com/ dynamicindex17/tabcontent/tabcontent.js

<ul id="countrytabs" class="shadetabs">
<li><a href="#movies" rel="tutorial" class="selected">Tutorial</a></li>
<li><a href="#Comments" rel="comments">Comments</a></li>  
</ul>
<div class="contentbox">
<div id="movies" class="tabcontent">
Download movies here
</div>
<div id="comments" class="tabcontent">
</div>


<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
4

1 に答える 1

0

後にこれを試してくださいcountries.init()：

var tagIndex = window.location.toString().indexOf('#');
if (tagIndex >= 0)
    countries.expandit(window.location.toString().substring(tagIndex).toLowerCase());

EDIT：提供したサンプルコードにはいくつかの問題がありました（ドキュメントのオンロードイベントを待ちませんでした。ddtabcontentドキュメントサイトのようにAリンクの命名規則に従わなかった...）

機能をテストするために、この例を作成しました。

<html>
    <head>
        <script type="text/javascript" src="tabcontent.js"></script>
        <script type="text/javascript">
             function onload()
             { 
                var countries = new ddtabcontent("countrytabs");
                countries.setpersist(true);
                countries.setselectedClassTarget("link");
                countries.init();
                var url = window.location.toString();
                var tagIndex = url.indexOf('#');
                if (tagIndex >= 0)
                    countries.expandit(url.substring(tagIndex).toLowerCase());
            }
        </script>
        <style type="text/css">
            div.tabcontent
            {
                display: none;
            }
        </style>
    </head>
    <body onload="onload()">
        <ul id="countrytabs" class="shadetabs"> 
            <li><a href="#movies" id="#movies" rel="movies" class="selected">Movies</a></li> 
            <li><a href="#comments" id="#comments" rel="comments">Comments</a></li>   
        </ul> 
        <div class="contentbox"> 
            <div id="movies" class="tabcontent"> 
                Download movies here 
            </div>
            <div id="comments" class="tabcontent">
                Put comments here
            </div>
        </div>
    </body>
</html>
于 2012-06-03T17:04:54.723 に答える