0

私はそれが働いています...ちょっと。コンテンツは DIV に読み込まれますが、静的です。取り込まれるコンテンツは、smoothDicScroll ライブラリを使用しています。iframe では機能しますが、これでは機能しません。これが私が使用している微調整されたコードです。

<script type="text/javascript">          
    function loadcontent (url) {
    $("#makeMeScrollable").load(url) ;
    };
</script>

と 

<div class="scroll-list">
    <ul id="site-nav">
        <li> <a href="javascript:loadcontent('iframeinsertA.html', 'makeMeScrollable')"> This link </a> </li>
        <li> <a href="javascript:loadcontent('iframeinsertB.html', 'makeMeScrollable')"> That link </a> </li>
    </ul>
</div>

と

<div class="scroll-container">
       <div id="makeMeScrollable">
       </div>
</div>
4

2 に答える 2

0

jsの実装に関するFurqanの答えは正しいです。

li 改行については、a からの正常な動作です。リンクを同じ行に配置したい場合は、CSS を変更する必要があります。何かのようなもの：

ul li {
float: left; clear: none; width: auto;
}
于 2012-06-19T14:22:03.770 に答える
0

のような JS 関数を作成します。

 function Loadcontent (url) {
  $("#makeMeScrollable").load(url , new function (){ alert ('Content loaded')}) ;
 }

そしてそれを次のように呼び出します

 <li> <a href="javascript: LoadContent('iframeinsertS.html');return false;" >That link</a></li>
于 2012-06-19T14:17:33.573 に答える