jQuery - 一個元素上的幾個功能

我目前正在爲一個客戶開發一個wordpress網站，他們希望有一個scroller從點擊一個按鈕消失，然後在模態窗口中顯示內容等等等等......似乎所有的工作，除了當我把它放在一起，當我點擊一個李元素，它只是顯示在地址欄中的鏈接，並沒有去任何地方......我有一種感覺，它與禁用正常功能一個href，但我不知道如何解決它。jQuery - 一個元素上的幾個功能

所以對於卷軸，我有以下結構

<div class="scrollerone"> 
    <ul> 
     <li><a href=""><img src="image.jpg" /></a></li> 
     <li><a href=""><img src="image.jpg" /></a></li> 
     <li><a href=""><img src="image.jpg" /></a></li> 
     <li><a href=""><img src="image.jpg" /></a></li> 
     <li><a href=""><img src="image.jpg" /></a></li> 
     <li><a href=""><img src="image.jpg" /></a></li> 
     <li><a href=""><img src="image.jpg" /></a></li> 
    </ul> 
</div>

jQuery的代碼中，我有如下....

<script type="text/javascript"> 
    jQuery(function() { 
     jQuery(".scrollerone").jCarouselLite({ 
      btnNext: "#btnnext1", 
      btnPrev: "#btnprev1" 
     }); 
    }); 
</script> 

<script type="text/javascript"> 
    jQuery(function(){ 
     var list = jQuery('.scrollerone'); 
     var original_height = list.height(); 
     var new_height = '0'; 
     list.css({height:new_height}); 

     jQuery('#refl').click(function() { 

      if(list.height() == original_height){ 
       jQuery('.viewcs').html('VIEW ALL CASE STUDIES');          
       list.animate({height:new_height}); 
      } else { 
       list.animate({height:original_height}); 
       jQuery('.viewcs').html('CLOSE ALL CASE STUDIES'); 
      } 
      return false; 
     }); 
    }); 
</script>

如果任何人都可以在此提供一些線索，這將是偉大的...我有一種感覺，返回錯誤位禁用通常的點擊行爲，但它不應該影響點擊在滾動條的鋰元素應該嗎？

乾杯，

來源

2011-05-23 BigJobbies

是'＃refl'應該是錨標籤的ID？ – 2011-05-23 05:18:59

不好意思，是的，＃refl是什麼讓這個滾動器變得像動畫一樣VIEW ALL CASE STUDIES – BigJobbies 2011-05-23 05:21:00

返回'false'將會使用那個代碼禁用'＃ref1'上的點擊行爲，但是在其他地方不會。還有什麼是禁用？你說地址欄中的散列值正在改變，但頁面上的位置沒有改變？你確定你有錨'' setup for these hash parts? – Orbling 2011-05-23 05:22:19

$("a").click(function(event) { 
    event.preventDefault(); 

});

使用event.preventDefault停錨的默認事件..

來源

2011-05-23 05:27:31

有沒有辦法讓它回到特定的要求？這可能是一種解決方法 – BigJobbies 2011-05-23 05:28:44

@bigjobbies，你可以給你想要的元素使用一個普通的類名稱 – kobe 2011-05-23 05:37:27

使用id或普通的類如$（「＃id」）。click或$（「.class」） .click – 2011-05-23 05:39:04

jQuery - 一個元素上的幾個功能

回答

相關問題