2010-02-10 1 views
3

В моей работе я изменил диалоговые окна для fancybox, все пошло денди, даже с небольшими проблемами, например, заставляя его работать на pageload, но ничего, что я не мог справиться.Проблема с Fancybox при смене href на ie 7 и 6

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

+1

Привет, вы нашли решение? У меня есть аналогичная проблема, когда привязывающие ссылки встраиваются в DOM с помощью ajax. IE7 fancybox открывает неправильный контент. Работает в хроме, ff, ie8 и т. Д. – Keyo

+0

Извините, парень. Я даже сменил работу, с того периода ... rss ... но эй, вы нашли решение –

ответ

4

У меня была аналогичная проблема с IE7, отображающим встроенный контент html. Он показывал контент из тела, который я не выбрал в href. Установка параметра типа в строку, казалось, исправить.

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