Javascript IE使用Jquery UI显示.dialog模式框时出现问题
我对javascript非常陌生,并且经常使用JQuery库。我有一个对话框,当我点击页面上的按钮时应该会打开。这部分工作正常,但当我添加javascript以在对话框中单击submit按钮时关闭对话框时,对话框根本不会打开。(适用于除Internet Explorer以外的所有浏览器)。你们能帮忙吗?这是我的密码:Javascript IE使用Jquery UI显示.dialog模式框时出现问题,javascript,internet-explorer,jquery-ui,modal-dialog,Javascript,Internet Explorer,Jquery Ui,Modal Dialog,我对javascript非常陌生,并且经常使用JQuery库。我有一个对话框,当我点击页面上的按钮时应该会打开。这部分工作正常,但当我添加javascript以在对话框中单击submit按钮时关闭对话框时,对话框根本不会打开。(适用于除Internet Explorer以外的所有浏览器)。你们能帮忙吗?这是我的密码: <script> $(function(){ $(".callparser").click(function (e) { $(".parserinformation")
<script>
$(function(){
$(".callparser").click(function (e) {
$(".parserinformation").dialog({
modal: true,
minHeight:400,
minWidth: 580,
open: function (e, ui) {
var $container = $(this);
$container.find('#close').click(function(){
$container.dialog("close");
});
},
beforeClose: function (e, ui) {
var $container = $(this);
$container.find('#close').unbind('click');
},
});
});
});
</script>
$(函数(){
$(“.callparser”)。单击(函数(e){
$(“.parserinformation”)。对话框({
莫代尔:是的,
身高:400,
最小宽度:580,
打开:功能(e、ui){
var$container=$(这个);
$container.find(“#close”)。单击(函数(){
$container.dialog(“关闭”);
});
},
关闭前:功能(e、ui){
var$container=$(这个);
$container.find(“#close”).unbind('click');
},
});
});
});
以下是html(简化):
尝试不使用最后一个逗号(
,
),即不喜欢在最后一个元素后面
<script type="text/javascript">
$(function(){
$(".callparser").click(function (e) {
$(".parserinformation").dialog({
modal: true,
minHeight:400,
minWidth: 580,
open: function (e, ui) {
var $container = $(this);
$container.find('#close').click(function(){
$container.dialog("close");
});
},
beforeClose: function (e, ui) {
var $container = $(this);
$container.find('#close').unbind('click');
}
});
});
});
</script>
<input type="button" name="Parser" class="callparser" value="Parser"/>
<div class="parserinformation" style="display: none;">
<div class="addtofolder">
<input type="submit" id="close" class="addtofolderbutton" value="Private" onclick="$.jGrowl('Your product has been added!')">
</div>
</div>
$(函数(){
$(“.callparser”)。单击(函数(e){
$(“.parserinformation”)。对话框({
莫代尔:是的,
身高:400,
最小宽度:580,
打开:功能(e、ui){
var$container=$(这个);
$container.find(“#close”)。单击(函数(){
$container.dialog(“关闭”);
});
},
关闭前:功能(e、ui){
var$container=$(这个);
$container.find(“#close”).unbind('click');
}
});
});
});
“当我添加javascript以在单击对话框内的提交按钮时关闭对话框时,该对话框根本不会打开。”您是要打开还是关闭它?我有一个提交按钮来关闭对话框。但是,当我在单击时输入关闭按钮的代码时,原来的对话框现在甚至不会打开。谢谢你回复我,但它没有改变任何东西。我删除了逗号,但仍然没有打开。也许你的IE缓存了你的js文件,请尝试清理缓存(在IE6、IE7和IE8中删除逗号效果很好)。
<script type="text/javascript">
$(function(){
$(".callparser").click(function (e) {
$(".parserinformation").dialog({
modal: true,
minHeight:400,
minWidth: 580,
open: function (e, ui) {
var $container = $(this);
$container.find('#close').click(function(){
$container.dialog("close");
});
},
beforeClose: function (e, ui) {
var $container = $(this);
$container.find('#close').unbind('click');
}
});
});
});
</script>
<input type="button" name="Parser" class="callparser" value="Parser"/>
<div class="parserinformation" style="display: none;">
<div class="addtofolder">
<input type="submit" id="close" class="addtofolderbutton" value="Private" onclick="$.jGrowl('Your product has been added!')">
</div>
</div>