2011-09-20 52 views
2

我有一個問題關於我的按鈕消失的Javascript問題

我已經把圖片作爲我的按鈕

<div id="button1"> 
    <a href="javascript:example_animate('-=200px')"> 
     <img src="images/button1.jpeg"> 
    </a> 
</div> 

是動畫使用此功能

<script language="javascript"> 
function example_animate(px) { 
    $('#content2').animate({ 
     'marginTop' : px 
    }); 
} 
</script> 

,我可以」使用此腳本執行此功能後,不會消失

<script language="javascript"> 
$("#button1").click(function() { 
    this.visible = false; 
}); 
</script> 

請幫忙!

+0

你試過'this.style.display = '無';'? –

回答

4

,因爲你已經在使用jQuery的,只是做

$("#button1").hide(); 

隱藏按鈕。​​

你應該做什麼來隱藏它的DOM方法是要麼設置element.style.visibility='hidden';

OR

element.style.display='none'; 

兩個調用將隱藏元素,但改變的知名度意味着元素將仍然佔據屏幕空間。

1

相反的:

this.visible = false; 

嘗試:

this.style.display = "none"; 
1

試試這個:

$("#button1").click(function() { 
    this.style.display = "none"; 
}); 
+0

當我把這個代碼,第二次點擊它時按鈕消失..如果我第一次點擊它,它會消失。有代碼: \t $( 「#button1」)。click(function(){this.style.display =「none」; }); } –