Необычная проблема при смене href на 7 и 6 - PullRequest
3 голосов
/ 10 февраля 2010

В своей работе я изменил диалоговые окна для fancybox, все пошло не так, даже с небольшими проблемами, такими как запуск при загрузке страницы, но ничего, с чем я не мог справиться.

но теперь я сталкиваюсь с огромным препятствием:
IE6 и IE7 неприрученное поведение. Мне нужно изменить URL места, где будет показываться fancybox. Я не мог найти ничего в документации, кроме как добавить контент, но не идентификатор. Поэтому мой вопрос: где я не прав?

<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();, у меня нет проблем, потому что, очевидно, я не установил новую ссылку на ссылку.
Работает на IE8, Firefox и Chrome. В IE6, IE7, однако, нет.

1 Ответ

4 голосов
/ 03 июня 2011

У меня была похожая проблема с IE7 при отображении встроенного HTML-контента. Он отображал контент из тела, которое я не выбрал в href. Похоже, что установка параметра типа inline исправила это.

$('a.fancybox').fancybox({
  'type':'inline',
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...