2012-07-21 60 views
3

我想用右上角的關閉按鈕添加4個div,水平對齊父DIV。 當關閉按鈕被點擊時,div應該從父DIV中移除。這可能與JQuery的?如果有人可以張貼示例代碼,我真的很感激它!用關閉按鈕添加DIV,使用Jquery動態地添加到另一個DIV

感謝

+4

是的,它是可能的,自己創建一個示例代碼,並要求幫助時,一些錯誤出現或具體的問題出現了。 http://whathaveyoutried.com/ – sabithpocker 2012-07-21 22:04:19

回答

10

讓我們幫助你。

jsBin demo

<div class="box"> 
    <div class="close_box">X</div> 

    <h2>Box title</h2> 
    <p>Merol muspi rolod tis tema...</p> 

</div> 

JQ:

$(document).on('click','.close_box',function(){ 
    $(this).parent().fadeTo(300,0,function(){ 
      $(this).remove(); 
    }); 
}); 

或者乾脆:

$(document).on('click','.close_box',function(){ 
    $(this).parent().remove(); 
}); 

看一看的文檔(送花兒給人小號!):

http://api.jquery.com/on/
http://api.jquery.com/parent/
http://api.jquery.com/remove

+0

謝謝!我嘗試了Jsfiddle.net中的代碼,當我點擊關閉X時,div也沒有刪除。我想我做錯了什麼.http://jsfiddle.net/tYHmN/ – user636525 2012-07-21 22:31:52

+1

@ user636525你只是忘了調用jQuery(在左邊的「選擇框架」**選項卡)http://jsfiddle.net/tYHmN/1/否則它的工作,很好的工作。附:去我的答案我的演示,去**保存 - >下載**,你可以在本地玩! – 2012-07-21 22:38:44

+0

謝謝!我是一個.Net開發人員,對Jquery來說很新,我會更頻繁地尋找你的幫助:) – user636525 2012-07-21 22:58:55