Question

我有工作......有点儿。内容加载到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>

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;
}

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

2 个答案: