作者terrybob (罪雲樵)
看板Ajax
標題[問題] 呼叫div，hide該div後，重複執行的bug？
時間Wed Jul 27 18:45:31 2011
[問題描述]
當點擊<a>時，會呼叫<div id="shareit-box">顯示在頁面上，
當點擊<div id="shareit-box">裡的按鈕，進行關閉動作時，
我放置了 alert("結束"+boxtitle); ，看關閉按鈕執行時，跳了幾次alert…
測試結果時，會一直不斷跳出alert，而且跳出alert的順序，
會是我每次點過<a>的連結順序…
我想問的是…是否有方法，可以第一次點擊顯示alert之後，
該物件執行就結束了，其他的alert不再會執行？
謝謝！
[html]
<div style="border:#000000 1px solid; margin-left:200px;">
<a href="#" class="alert" rel="shareit" boxtitle="AAA">AAA</a><br/>
<a href="#" class="alert" rel="shareit" boxtitle="BBB">BBB</a><br/>
<a href="#" class="alert" rel="shareit" boxtitle="CCC">CCC</a><br/>
<a href="#" class="alert" rel="shareit" boxtitle="DDD">DDD</a><br/>
<a href="#" class="alert" rel="shareit" boxtitle="EEE">EEE</a><br/>
<a href="#" class="alert" rel="shareit" boxtitle="FFF">FFF</a><br/>
<a href="#" class="alert" rel="shareit" boxtitle="GGG">GGG</a><br/>
</div>
<div id="shareit-box" style="display:none;">
<div id="shareit-header"></div>
<div id="shareit-body">
<div id="shareit-submitbox">
<input name="btn_end" type="button" class="style2" />
</div>
</div>
</div>
[jquery]
$(document).ready(function()
{
$('a[rel=shareit]').mousedown(function()
{
var height = $(this).height();
var top = $(this).offset().top;
//get the left and find the center value
var left = $(this).offset().left +
($(this).width() /2) -
($('
#shareit-box').width() / 2);
$('
#shareit-header').height(height);
$('
#shareit-box').show();
$('
#shareit-box').css({'top':top, 'left':left});
var box_title = $(this).attr("boxtitle");
$("input[name=btn_end]").click(function()
{
alert("結束！"+box_title); // <=測試用的alert
$('
#shareit-box').hide();
return false;
});
$('
#shareit-header').click(function () {
$('
#shareit-box').hide();
})
});
});
以上，謝謝。
--
自戀：26.42% 狗血：21.25% 愛：17.54%
超合金：11.85% 心中的翡翠森林：8.57% 燃燒的小宇宙：6.99%
渣渣：6.86% 反動思想：0.53%
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 211.75.186.7
1F：→ grence:樓下的回答是正解；只執行一次的動作可以用 one 07/27 23:57
3F：→ grence:jQuery selector效率 id > class > tagname 07/27 23:59
4F：→ grence:上面寫錯，通常是 id > tagname > class .. sorry 08/05 00:23
5F：→ grence:使用瀏覽器原本就有支援的方法會比 jQuery硬來還快 08/05 00:23
6F：→ grence:getElementById, getElementsByTagName 一般都會有.. 08/05 00:24