首页 > 编程语言> > javascript-更改IE 7和6上的href时出现的Fancybox问题

javascript-更改IE 7和6上的href时出现的Fancybox问题

2019-11-06 22:34:33 作者：互联网

在我的工作中,我更改了fancybox的对话框,尽管有些小问题(例如使其在Pageload上运行)都变得花花公子,但我无法管理.

但是现在,我面临着巨大的障碍：
IE6和IE7不受限制.我需要更改fancybox将要显示的地方的网址.除了添加内容,我找不到任何文档,但没有ID.所以我的问题是：我在哪里错了？

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
 <link rel="stylesheet" type="text/css" href="http://fancybox.net/js/fancybox/jquery.fancybox-1.3.0.css" media="screen" />

 <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
 <script type="text/javascript" src="http://fancybox.net/js/fancybox/jquery.easing-1.3.pack.js"></script>
 <script type="text/javascript" src="http://fancybox.net/js/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>

 <script type="text/javascript" src="http://fancybox.net/js/fancybox/jquery.fancybox-1.3.0.pack.js"></script>

    <script>

        $(document).ready(function() {

        jQuery.fn.cornyBox = function(selector) {

            if (selector) { this.attr('href', selector); }

            $(this).fancybox();

        };


       //$('#aAlert').cornyBox();
        $('#aAlert').cornyBox('#dvAlert2');

        });


    </script>
</head>
<body>
    <div id="alertHolder">
        <a id="aAlert" href="#dvAlert1" >hit me</a>
        <div id="dvAlert1" class='alert'>
            something
        </div>

        <div id="dvAlert2" class='alert'>
            something else
        </div>
    </div>  
</body>
</html>

如果我使用$(‘#aAlert’).cornyBox();我没有问题,因为显然我没有在链接上设置新的href.
它适用于IE8,Firefox和Chrome.但是,在IE6,IE7中,不是.

解决方法:

IE7显示内联html内容时遇到类似的问题.它显示的是我未在href中选择的正文内容.将type参数设置为inline似乎可以解决该问题.

$('a.fancybox').fancybox({
  'type':'inline',
});

标签：fancybox,javascript,jquery
来源： https://codeday.me/bug/20191106/2001365.html