open: function (event, ui) 在代碼中的作用?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
??? <head>
??????? <title>對(duì)話框插件</title>
??????? <link href="http://idcbgp.cn/data/jquery-ui.css" rel="stylesheet" type="text/css" />
??????? <link href="style.css" rel="stylesheet" type="text/css" />
??????? <script src="http://idcbgp.cn/data/jquery-1.8.2.min.js" type="text/javascript"></script>
??????? <script src="http://idcbgp.cn/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script>
??? </head>
???
??? <body>
??????? <div id="divtest">
??????????? <div class="content">
??????????????? <span id="spnName" class="fl">張三</span>
??????????????? <input id="btnDelete" type="button" value="刪除"? class="fr"/>
??????????? </div>
??????????? <div id='dialog-modal'></div>
??????? </div>
???????
??????? <script type="text/javascript">
??????????? $(function () {
??????????????? $("#btnDelete").bind("click", function () { //詢問按鈕事件
??????????????????? if ($("#spnName").html() != null) { //如果對(duì)象不為空
??????????????????????? sys_Confirm("您真的要?jiǎng)h除該條記錄嗎?");
??????????????????????? return false;
??????????????????? }
??????????????? });
??????????? });
??????????? function sys_Confirm(content) { //彈出詢問信息窗口
???????????????? $("#dialog-modal").dialog({
??????????????????? height: 140,
??????????????????? modal: true,
??????????????????? title: '系統(tǒng)提示',
??????????????????? hide: 'slide',
??????????????????? buttons: {
??????????????????????? '確定': function () {
??????????????????????????? $("#spnName").remove();
??????????????????????????? $("#btnDelete").remove()
??????????????????????????? $(this).dialog("close");
??????????????????????? },
??????????????????????? '取消': function () {
??????????????????????????? $(this).dialog("close");
??????????????????????? }
??????????????????? },
??????????????????? open: function (event, ui) {
??????????????????????? $(this).html("");
??????????????????????? $(this).append("<p>" + content + "</p>");
??????????????????? }
??????????????? });
??????????? }
??????? </script>
??? </body>
</html>
2016-06-12
event表示事件對(duì)象,ui表示觸發(fā)此事件的控件。
2016-06-12
open在此處是指事件,當(dāng)dialog打開時(shí),便會(huì)觸發(fā)改事件。
$(this).html(""); 是指把打開的dialog的內(nèi)容清空。
$(this).append("<p>" + content + "</p>");再給dialog的內(nèi)容部分賦值(傳入的參數(shù)content)
2016-05-14
這樣提問題幾乎是沒有人會(huì)回答你的