jquery - 列表需要可点击并引入新内容。使用 iframe。有没有更好的办法

Question

我有它的工作......有点。内容加载到 DIV 中，但它是静态的。被拉入的内容使用的是 smoothDicScroll 库。它适用于 iframe，但不适用于 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>

Answer 1

制作一个 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>

Answer 2

Furqan 关于 js 实现的回答是对的。

关于 li 换行，这是 a 的正常行为。如果您希望链接位于同一行，则应更改 CSS。就像是：

ul li {
float: left; clear: none; width: auto;
}