jScrollPane прокручивает вверх с помощью щелчка

Question

У меня небольшая проблема с jScrollPane. Я создал список ссылок внутри вертикальной панели. Эти ссылки запускают загрузку jquery в другой div. Когда я просматриваю список ссылок и нажимаю один, он прокручивает панель вверх и не запускает загрузку. Если свиток уже в верхней части, загрузка работает нормально.

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

Кто-нибудь знает, почему это может произойти?

Answer 1

У меня была такая же проблема, как и у вас. То, что я сделал, это удалить тег <a> вокруг divs и поставить onclick на divs для перенаправления. Это решило проблему для меня; надеюсь, что он сделает то же самое для вас!

Answer 2

Может быть поздно, но когда ваши прилип к hrefs, хороший фикс размещен здесь: https://groups.google.com/forum/?fromgroups=#!topic/jscrollpane/Ww1jwPVfAKE