我在使用jScrollPane时遇到了一点麻烦。我在垂直窗格中创建了一个链接列表。这些链接触发了对另一个div 的 jquery 加载。当我向下滚动链接列表并单击一个链接时,它会将窗格滚动回顶部并且不会触发加载。如果滚动条已经在顶部,则负载工作正常。
--html--
<div id="projects" class="span-9" style="margin:0 !important">
{% for project in projects %}
<a href="project/{{ project.id }}/details">
<div class="left clear" style="width:335px; margin:0 !important; {% if loop.first %} border-top:1px solid #AAA;{% endif %} border-bottom:1px solid #AAA;">
<img src="{{asset(project.thumbnail)}}" class="left" style="width:150px; height:100px; margin:5px 5px 5px 0;">
<span style="font-weight:bold">{{ project.title }}</span><br>
{{ project.short }}
</div>
</a>
{% endfor %}
</div>
<div id="details"></div>
--js--
$(function(){
$('#projects').jScrollPane();
$("#projects a").live("click", function(){
$("#details").load(this.href);
return false;
});
});
--cs--
#projects{ height: 667px; overflow:auto ;}
有人知道为什么会发生这种情况吗?
我遇到了和你一样的问题。我所做的是删除div 周围的 <a>
标签,并在div 上放置一个onclick
以进行重定向。这为我解决了问题;希望它对你也有同样的作用!
也许晚了,但是当你坚持使用hrefs时,这里发布了一个很好的修复:https://groups.google.com/forum/?fromgroups=#!topic/jscrollpane/Ww1jwPVfAKE