2012-04-04 109 views
1

如何在asp.net中增加或減少btn點擊的大小?如何在asp.net中增加或減少btn點擊的大小?

樣式

<style> 
div{ 
    width:50px; 
    height:70px; 
    float:left; 
    margin:5px; 
    background:rgb(255,140,0); 
} 
</style> 

的Javascript:

<script src="_http://code.jquery.com/jquery-latest.js"></script> 
<script> 
$("div").one('click', function() { 
    $(this).height(30); 
}); 
</script> 

標記:

<body> 
    <div></div> 
</body> 
+0

這是什麼'。一('其中你在代碼中引用。 – 2012-04-04 12:57:36

+1

@MarkSchultheiss - 這是附加一個最多隻執行一次的事件處理程序的一種方法:http://api.jquery.com/one/ – Jamiec 2012-04-04 13:17:03

+1

我懷疑這是由於''開頭的額外'_'造成的,腳本...'包括,作爲[這jsfiddle](http://jsfiddle.net/2qHv3/)這是直接從您的示例工作正常! – Jamiec 2012-04-04 13:19:41

回答

-2

拳所有你必須給ID爲股利。我有修改一些HTML和地方按鈕如下。

<body> 
<form id="form1" runat="server"> 
<div id="dvMain"> 
</div> 

<input id="btn" onclick="javascript:changeDivSize();" type="button" value="Change Size" /> 

</form> 

調用JavaScript載體作用changeDivSize(),如下

function changeDivSize() { 

     $("#dvMain").height(500); 
    } 

希望這將幫助你...

+0

沒有人「必須添加一個ID」,我認爲這是一種不好的做法,以這種方式將'onclick'的行爲添加到我的偏好中。您還添加了額外的(可能不存在的)標記。 – 2012-04-04 13:03:31

0

HTML

<div id="div1"></div> 
<input type="button" id="aAdd" value="Increase" /> 
<input type="button" id="aDecrease" value="Decrease" /> 

腳本

var currentHeight; 
var measurement=100; 

$(function(){  
    currentHeight=$("#div1").height(); 
    $("#aAdd").click(function(){  
     currentHeight=parseInt(currentHeight)+measurement  
     $("#div1").height(currentHeight); 
    }); 
    $("#aDecrease").click(function(){  
     currentHeight=parseInt(currentHeight)-measurement    
     $("#div1").height(currentHeight); 
    }); 

}); 

這裏是工作樣例http://jsfiddle.net/pJWMh/14/