jQuery对话框需要点击两次才能打开
jQuery Dialog requires two clicks to open
我有一个jQuery对话框,需要打开当我点击类。currentday,这工作,但只在第二次点击。我认为我是在第一次点击初始化模态,然后打开它的第二个。
我已经尝试了不同的东西,使它init和打开,但我只是不能使它工作。希望这里有人能帮帮我。这是我目前拥有的JavaScript。
$('.currentDay').click(function () {
var id = event.target.id;
var url = '/Home/CalenderPartial/' + id;
var dialog = $('<div style="display:none"></div>').appendTo('body');
dialog.load(url, {},
function (responseText, textStatus, XMLHttpRequest) {
dialog.dialog({
autoOpen: true,
closeText: "",
width: $(window).width() - 300,
height: $(window).height() - 100,
close: function (event, ui) {
dialog.remove();
}
});
});
return false;
});
还抛出一个错误:Uncaught TypeError: dialog。对话框不是一个函数,但它仍在工作
您是否尝试阻止默认锚点行为?
$('.currentDay').click(function ( e ) {
e.preventDefault();
alert('test');
});
所有功劳都来自github上的早期帖子:Source
这对我来说很好…请查看工作示例
$('.currentDay').click(function () {
var id = event.target.id;
var url = '/Home/CalenderPartial/' + id;
var dialog = $('<div style="display:none"></div>').appendTo('body');
dialog.load(url, {},
function (responseText, textStatus, XMLHttpRequest) {
dialog.dialog({
autoOpen: true,
closeText: "",
width: $(window).width() - 300,
height: $(window).height() - 100,
close: function (event, ui) {
dialog.remove();
}
});
});
return false;
});
@import "//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css";
@import "/resources/demos/style.css";
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<button class="currentDay">BTN 1</button>
<button class="currentDay">BTN 2</button>
<button class="currentDay">BTN 3</button>
相关文章:
- 删除确认对话框在第一次单击时不起作用
- JQuery UI 对话框在第二次单击时不会更新
- Jquery对话框的大小调整只发生在它的第一次's已打开
- 在jQuery UI对话框中单击triggerd多次
- 确认对话框多次触发
- Button onClick事件在jQuery Mobile对话框中触发过多次
- "阻止该页面创建附加对话框“;第二次点击
- jQuery UI对话框在页面上只显示一次
- ng标记输入,不允许在文本框中输入两次相同的文本
- 避免单击两次以开始编辑Backgrid中的布尔(复选框)单元格
- 每 3 小时显示一次对话框
- 如何解决jquery使用对话框执行两次脚本
- 如何在关闭一次对话框后禁用该对话框
- 使用Cordova会弹出两次确认对话框
- 为什么web处理程序在jquery对话框中调用两次
- 本机打印对话框触发两次,为iframe和页面在Internet explorer 11
- 为什么在FireFox中单击按钮时文件打开对话框会打开两次?
- 对话框关闭两次
- jQuery对话框需要点击两次才能打开
- Javascript确认对话框出现两次;单击Element后返回