2011-05-03 68 views
0

林有我的功能有點麻煩..。它似乎沒有觸發,我不知道爲什麼。jQuery - 點擊功能沒有按預期運行

我有這樣的jQuery

<script type="text/javascript"> 
    jQuery('#refl').click(function(){ 
     jQuery('.sliderreflexionar').toggle('slow'); 
    }); 
</script> 

那麼下面HTML

<a href="" id="refl" class="button"><span>VIEW ALL</span></a> 

後來終於此。

<div class="sliderreflexionar" style="display: none;"> 
    <a href="#" class="btn-prev">previous</a> 
</div> 

任何人都可以看到爲什麼這不起作用?

乾杯,

回答

1

您應該綁定點擊功能在jQuery準備事件。

試試這個:

<script type="text/javascript">  
    jQuery(function(){ 
     jQuery('#refl').click(function(){   
      jQuery('.sliderreflexionar').toggle('slow');  
       return false; 
     }); 
    }); 
</script> 
+0

哈哈哈,我知道我錯過了什麼GRR - 有什麼辦法來禁用HREF,因爲它使重新加載頁面藏漢作爲觸發更新後顯示 – BigJobbies 2011-05-03 12:53:27

+0

..使用返回false ;或event.stopProgagation – Chandu 2011-05-03 12:54:42

+0

這是完美的...謝謝! – BigJobbies 2011-05-03 12:56:03

2

您可能需要在的document.ready包裹這一點,特別是如果這個代碼是在頭部分的鏈接,例如前:

<script type="text/javascript"> 
    jQuery(function() { 
     jQuery('#refl').click(function(){ 
      jQuery('.sliderreflexionar').toggle('slow'); 
     }); 
    }); 
</script>