مشکل در اجرای jquery از طریق button

[mahdioo12194]

سلام یه سوال داشتم البته می دونم خیلی مبتدی است

می خوام تابع jquery زیر را از طریق یک دکمه اجرا کنم اما نمیدونم چه جور ؟ یعنی توی رویداد OnClick چی

بنویسم؟



<script type="text/javascript">
$(function () {
$('a#f').click(function () {



$('#center').toggle(2000);
});
$('a#s').click(function () {
$('#right').toggle(2000);
});
});

</script>





<asp:Button ID="Button1" runat="server" OnClick="" Text="Button" />

[AMIBCT]

برای تعریف یک تابع با نام دو راه دارید:

function f1() {
}

var f2 = function() {
}

[mahdioo12194]

من این جور نوشتم اما بازم ارور می ده مشکل کجاست؟



<script type="text/javascript">
function b() {
$('a#f').click(function () {



$('#center').toggle(2000);
});
}

</script>




<asp:Button ID="Button1" runat="server" OnClick="b()" Text="Button" />

[blackmak]

$(function()
{
$('#button_id').click(function()
{
// کاری که میخواهید بعد از کلیک انجام بشه
alert('clicked');
});
});



<asp:Button runat="server" Text="Button" ID="button_id" />


اگه منظورتون این نبود . میشه دقیقتر بگید چی می خواهید ؟ روی button کلیک کرد چه فانکشنی اجرا شه ؟

[mahdioo12194]

$(function()
{
$('#button_id').click(function()
{
// کاری که میخواهید بعد از کلیک انجام بشه
alert('clicked');
});
});



<asp:Button runat="server" Text="Button" ID="button_id" />


اگه منظورتون این نبود . میشه دقیقتر بگید چی می خواهید ؟ روی button کلیک کرد چه فانکشنی اجرا شه ؟

من می خوام وقتی روی دکمه کلیک شد مثلا این کارو بکنم؟


$('#center').toggle(2000);

اما چون وقتی روی دکمه کلیک می کنم صفحه پست بک می شود عمل toogle به خوبی انجام نمی شود می خوام بدون این که صفحه پست بک شود

عمل toogle انجام شود همانند وقتی که روی یک لینک کلیک می کنیم!

[blackmak]

پست بک میشه یعنی چی میشه ؟

[mahdioo12194]

وقتی postback می شه صفحه از اول لود می شود و اون عملtoogle به خوبی انجام نمی شود؟

شما این دو کد را امتحان کنید (اولی با لینکه دومی با باتن) متوجه منظورم می شوید!



<script type="text/javascript">
$(function () {
$('a#f').click(function () {



$('#center').toggle(2000);
});
$('a#s').click(function () {
$('#right').toggle(2000);
});
});

</script>
<a href="#" id="f">click center</a>
<a href="#" id="s">click right</a>

<div id="left" >left</div>
<div id="center">center</div>
<div id="right">right</div>


و



</script>

<script type="text/javascript">
$(document).ready(function () {
$('#Button1').click(function () {
// کاری که میخواهید بعد از کلیک انجام بشه
$('#center').toogle(2000);
});
});


</script>

<asp:Button ID="Button1" runat="server" Text="Button" />

<div id="left" >left</div>
<div id="center">center</div>
<div id="right">right</div>


css دیو ها


<style type="text/css">
#left {
background:blue;
width:202px;
height:200px;

float:left;
}
#center {
background:red;
width:200px;
height:200px;

margin-left:120px;
float:left;
}
#right {
background:yellow;
width:206px;
height:200px;
margin-right:120px;
float:right;

}
</style>

[blackmak]

من هر دورو تست کردم منتها button شما ماله asp هستش فکر کنم من اینطوری جواب گرفتم . هر دو هم مثل هم بود
<input type='button' id='button_id' />
شما وقتی کلیک میکنی صفحه refresh میشه ؟
اینطوری فکر کنم جواب بده :

$('#button_id').click(function(e) {
e.preventDefault();
});

[abbasali110]

در onclick چیزی نمیخواد بنویسید ضمنا id رو در "" قرار بدید