2011-06-08 143 views
1

我是jquery的新手,但在這樣的論壇的幫助下到達那裏。關於我的代碼使用對話框的正確方法是什麼?例如,目前我只是提醒celdiv到屏幕上,但我想用對話框來顯示結果。有人可以展示如何使用我的警報代碼傳遞給對話框?謝謝jQuery對話框捕獲事件

<script type="text/javascript"> 

function procMe(celDiv,id) { 
     $(celDiv).click(function() 

      { 
      alert(this.innerHTML + " " + id); 
      } 
     )}; 
</script> 
+0

你有什麼想讓它知道的?開始的好方法是[here](http://jqueryui.com/demos/dialog/)' – ArtoAle 2011-06-08 11:03:41

+0

謝謝你的提示。基本上當我使用對話框我調用類或#例如:$(「#段」)。對話框({等我沒有看到是選擇器應該調用對話框基於我的代碼?謝謝 – bollo 2011-06-08 11:12:31

回答

0

對於使用對話框,你應該有一個容器在HTML這樣的:

<div id="dialogbox">Some dummy text here</div> 

和寫這種腳本:

<script> 
function procMe(celDiv,id) { 
     $(celDiv).click(function() 

      { 
      var me = this; 
      $("#dialogbox").html(me.innerHTML + " " + id); 
      $("#dialogbox").dialog();   
      } 
     )}; 
</script> 

此代碼顯示中的警報相同的內容一個Jquery UI對話框代替經典的警報框

如果我錯過了這一點,請讓我們知道更多的細節;)

+0

優秀。只是一個問題。爲什麼虛擬股利?是剛剛爲#dialogbox創建的嗎?非常感謝 – bollo 2011-06-08 13:20:36

+0

實際上,不需要,對不起:D,但你確實需要div(即使是空的) – ArtoAle 2011-06-08 13:27:55

+0

不客氣:) – ArtoAle 2011-06-08 13:39:14

0

嘗試使用jQuery插件顯示警報或確認。

可以使用 http://abeautifulsite.net/blog/2008/12/jquery-alert-dialogs/

http://tutorialzine.com/2010/12/better-confirm-box-jquery-css3/

我都用了..而快樂着自己的特點。

+0

@rifky。他們很好,但想保持網站的整體主題是一樣的。謝謝 – bollo 2011-06-08 11:19:53

+0

嘗試使用第二個..你可以從第二個插件jquery的正常版本得到一個想法。 – Rifky 2011-06-08 11:22:53

+0

任何如何改變CSS到根據你的網站設置主題 – Rifky 2011-06-08 11:23:22