會員登入 新朋友?立刻註冊
[說明]
文章會慢慢移新精讚 //n.sfs.tw
2019/2/23 星期六     [文章分類及列表]
精讚Blog logo 部落格是自己寫爽的
精讚部落 > 前端程設 > jQuery
jQuery 產生動態物件 無次要群組 列印 推薦
作者或來源 瘦河馬 2010-04-18 12:21:16
關鍵字 1動態物件 2dynamicall
此文完整連結 http://n.zipko.info/465.html
文章歡迎轉載,請尊重版權註明連結來源。

jQuery 產生動態物件 How to create dynamical element on jQuery?

由伺服器送出來的 HTML 裡,所有的網頁物件是靜態的,要用什麼方法才可以產生動態的物件,例如原本的html 是這樣:
< div>< /div>

我希望能在< div>< /div>裡面由使用者 trigger 出新的物件,這個物件是由使用者在  runtime 所產生的。

動態物件的寫法宣告如下:

var dynamical_div= ( $('<div></div>'));

動態物件的加入法,例如容器 webbody 要加入這個動態物件,使用 append 這個 function:

$("#webbody").append( dynamical_div );

動態物件也許不是這麼單純,如果一個動態物件中有其他的內容,或是css,則寫法會比較複雜,例如 < a class="dymsgbx" url="www.domain.com"> 的鈕是產生動態物件的觸發連結,他的 onclick 事件時要觸發產生一個動態表格,表格也有CSS屬性,該如何寫:

 $(".dymsgbx").click(function(){
    var url=$(this).attr('href');  //取得 a 的url
    var txt=$(this).text();  // 取得 a 的內容

  // 宣告並指定一個 table 物件,請注意看在宣告動態物件時,同時也給予屬性

   var table= ($('<table></table>').attr('border','1').attr('width','100%'))
    .html("<tr class=dycaption valign=top bgcolor=#189641><td><b><big>"+ txt +"</big></b></td><td align=right width=60></td></tr>")
    .append( $('<tr></tr>')).append( $('<td class=ct></td>').attr('colspan','2').load(url));

   // 產生動態物件

   $("#webbody").append( table );



 

END
F B 留 言 版

留言結束請重新整理網頁顯示留言
相 關 文 章
同 群 組 其 他 文 章
隨 機 文 章
精讚部落版權所有(c) JinZan Blog http://n.zipko.info Author axer@tc.edu.tw. 最佳瀏器為Firefox,本網頁不支援IE6。[文章分類及列表]
本站最佳瀏覽解析度1024x768 網站建置 2009.11