【问题标题】:Modal close button doesn't work模态关闭按钮不起作用
【发布时间】:2013-03-18 22:52:20
【问题描述】:

我有一个简单的模式窗口,当点击链接时打开并在用户点击关闭按钮时关闭(在我的小提琴中表示为红色矩形)。

Here is a link to my fiddle

这是代码:

// prize modal
$('.modal').on('click',function(){  
    if(!$('#prize-modal').hasClass('open')){
        $('#prize-modal').css('opacity',0.7);
        if($.browser.msie){
        $('#prize-modal').css('opacity','null').css('display','block').addClass('open');
        }else {
        $('#prize-modal').css('opacity',0).css('display','block').addClass('open').stop().animate({opacity: 1}, 500);
        }
    }
    return false;
}); 

// .close the class that you want to trigger the modal clossing

$('.close').on('click',function(){
    if($.browser.msie){
        $('.open').css('opacity','null').css('display','none').removeClass('open');
    }else {
        $('.open').stop().animate({opacity: 0}, 500,function()
        {
        $('.open').css('display','none').removeClass('open');
        });
    }
});

我不明白为什么“关闭”按钮不起作用。

【问题讨论】:

  • 请在问题中发布您的代码。
  • 你是故意使用 jQuery 2 吗?
  • @j08691 - 我在原始文件中使用 Jquery 1.9,但由于某种原因,当我尝试选择 Jquery 1.9(从页面左上角的菜单中)时,它只会选择下拉菜单中的 Jquery 2?

标签: jquery html css modal-dialog


【解决方案1】:
`TypeError: 'undefined' is not an object (evaluating '$.browser.msie')` 

jQuery.browser() 已移除

jQuery.browser() 方法自 jQuery 1.3 以来已被弃用,并且 在 1.9 中被删除。如果需要,它可以作为 jQuery 的一部分使用 Migrate plugin。我们建议将特征检测与库一起使用 比如 Modernizr。

来源:http://jquery.com/upgrade-guide/1.9/#jquery-browser-removed

更新小提琴:http://jsfiddle.net/zwN6R/31/

【讨论】:

  • 感谢 Eric 的回复!我看到它在我的小提琴中有效,但想知道你纠正了什么使它工作?非常感谢!
  • 在 1.9 版中 jQuery.browser() 被删除。要使其正常工作,您可以使用jQuery Migrate Plugin
  • 嗨 Eric 我已经按照建议包含了 Jquery Migrate 插件(包含在我的 html 头部有 jquery 1.9 的地方),但由于某种原因,它不像我的小提琴那样工作。这是一个链接joemsavage.com/misn_006/index.html
  • 你有一个错误TypeError: 'undefined' is not a function (evaluating '$('.mySelectBoxClass').customSelect()')
  • 感谢 Eric 的所有帮助!欣赏!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-24
  • 1970-01-01
  • 2017-11-06
  • 2012-11-06
  • 1970-01-01
相关资源
最近更新 更多