2012-05-21 140 views
0

我對jScrollPane有點麻煩。我在垂直窗格中創建了一個鏈接列表。這些鏈接觸發jquery加載到另一個div。當我向下滾動鏈接列表並單擊鏈接時,它會將窗格滾動回頂部並且不會觸發加載。如果滾動已經在頂部,則加載工作正常。jScrollPane點擊滾動到頂部

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

任何人都知道爲什麼會發生這種情況?

+0

也發生這種情況在的MouseDown如果這意味着什麼對任何人:) –

回答

2

我遇到了同樣的問題。我所做的是去除div上的<a>標籤,並將div上的onclick重定向。 這解決了我的問題;希望它對你也一樣!

相關問題