blocks|key|277052|text|您可以使用JQuery+UI的对话框小部件|type|unstyled|depth|inlineStyleRanges|entityRanges|data|277053|http://jqueryui.com/dialog/|offset|length|277054|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|R|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

<p>You can use the dialog widget of JQuery UI </p>

<p><a href="http://jqueryui.com/dialog/" rel="nofollow">http://jqueryui.com/dialog/</a></p>


blocks|key|60744|text|检查jsfiddle+http://jsfiddle.net/CdwB9/3/并单击delete|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|60745|function+yesnodialog(button1,+button2,+element){
++var+btns+=+{};
++btns[button1]+=+function(){+
++++++element.parents('li').hide();
++++++$(this).dialog("close");
++};
++btns[button2]+=+function(){+
++++++//+Do+nothing
++++++$(this).dialog("close");
++};
++$("<div></div>").dialog({
++++autoOpen:+true,
++++title:+'Condition',
++++modal:true,
++++buttons:btns
++});
}
$('.delete').click(function(){
++++yesnodialog('Yes',+'No',+$(this));
})|code-block|syntax|javascript|60746|这应该会对你有帮助|60747|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/CdwB9/3/^0|B|S|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<p>Check the jsfiddle <a href="http://jsfiddle.net/CdwB9/3/" rel="nofollow">http://jsfiddle.net/CdwB9/3/</a> and click on delete</p>

<pre><code>function yesnodialog(button1, button2, element){
  var btns = {};
  btns[button1] = function(){ 
      element.parents('li').hide();
      $(this).dialog("close");
  };
  btns[button2] = function(){ 
      // Do nothing
      $(this).dialog("close");
  };
  $("&lt;div&gt;&lt;/div&gt;").dialog({
    autoOpen: true,
    title: 'Condition',
    modal:true,
    buttons:btns
  });
}
$('.delete').click(function(){
    yesnodialog('Yes', 'No', $(this));
})
</code></pre>

<p>This should help you</p>


blocks|key|277114|text|我用jquery+UI组件制作了自定义的messagebox。这是http://jsfiddle.net/eraj2587/Pm5Fr/14/演示|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|277115|只需传递标题名称、消息、按钮文本等参数即可。您可以在任何按钮点击时指定触发函数。这会对你有帮助的。|277116|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/eraj2587/Pm5Fr/14/^0|2|9|X|12|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@$9|S|A|T|1|U]]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

<p>I made custom messagebox using <code>jquery UI</code> component. Here is demo <a href="http://jsfiddle.net/eraj2587/Pm5Fr/14/" rel="noreferrer">http://jsfiddle.net/eraj2587/Pm5Fr/14/</a></p>

<p>You have to pass just the parameters like caption name, message, button's text. You can specify trigger function on any button click. This will helpful for you.</p>


blocks|key|277191|text|试着使用SweetAlert，它就是最好的。您将获得大量的自定义和灵活性。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|277192|确认示例|277193|sweetAlert(
++{
++++title:+"Are+you+sure?",
++++text:+"You+will+not+be+able+to+recover+this+imaginary+file!",
++++type:+"warning",+++
++++showCancelButton:+true,+++
++++confirmButtonColor:+"#DD6B55",
++++confirmButtonText:+"Yes,+delete+it!"
++},+
++deleteIt()
);|code-block|syntax|javascript|277194|​|277195|📷|atomic|277196|277197|entityMap|0|LINK|mutability|MUTABLE|url|http://t4t5.github.io/sweetalert/|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/4b0b0c05c6b464baea7ab8312250b35c.png|imageAlt^0|4|A|0|0|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@$A|15|B|16|1|17]]|C|$]]|$1|D|3|E|5|6|7|18|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|19|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1A|8|@]|9|@]|C|$]]|$1|M|3|N|5|O|7|1B|8|@]|9|@$A|1C|B|1D|1|1E]]|C|$]]|$1|P|3|L|5|6|7|1F|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1G|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|Z|U|10|C|$11|12|13|-4]]]]

<p>Try using <a href="http://t4t5.github.io/sweetalert/" rel="noreferrer">SweetAlert</a> its just simply the best .
You will get a lot of customization and flexibility. </p>

<h3>Confirm Example</h3>

<pre><code>sweetAlert(
  {
    title: "Are you sure?",
    text: "You will not be able to recover this imaginary file!",
    type: "warning",   
    showCancelButton: true,   
    confirmButtonColor: "#DD6B55",
    confirmButtonText: "Yes, delete it!"
  }, 
  deleteIt()
);
</code></pre>

<p><a href="https://i.stack.imgur.com/6tBuj.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6tBuj.png" alt="Sample Alert"></a></p>


<p>Is there any <code>alert</code> and <code>confirm</code> dialog available in <code>jquery</code> with custom title and custom content in it. I have searched many sites but cannot find appropriate. Any site link or any content are appreciable.</p>


Custom alert and confirm box in jquery

在jquery中是否有任何包含自定义标题和自定义内容的alert和confirm对话框。我已经搜索了很多网站，但找不到合适的网站。任何网站链接或任何内容都是值得欣赏的。

问jquery中的自定义警报和确认框
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery中的自定义警报和确认框EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery中的自定义警报和确认框
EN