我有工作......有点儿。内容加载到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>
答案 0 :(得分: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>
答案 1 :(得分:0)
Furqan关于js实现的答案是正确的。
关于li在新行中的突破,这是a的正常行为。如果您希望链接位于同一行,则应更改CSS。 类似的东西:
ul li {
float: left; clear: none; width: auto;
}