Проблема Jquery Colorbox с Firefox

Я заполняю якорные ссылки в повторителе через javascript, я открываю эти ссылки с помощью iframe colorbox. Он отлично работает в IE7, Safari, Chrome, но не в Forefox (14.1).

В firefox он открывается в новом окне, а не в iframe.

function BidCountFormatter(BidCount, AuctionID) {
if (parseInt(BidCount) > 0)
    return "<b><a class=auctionhistorybox href=popupauctionhistory.aspx?auctionid=" + AuctionID + ">" + BidCount + "</a></b>";
else
    return "--";
}

$(document).ready(function () {
          $(".auctionhistorybox").colorbox({ iframe: true, width: "35%", height: "60%" });
      });

javascript jquery asp.net colorbox
person Kumar Gaurav    schedule 21.08.2012    source источник
comment
... вы уверены, что это не связано с настройками безопасности в FF, например, с запретом iframe?   -  person vector    schedule 21.08.2012
comment
да, я уверен, потому что простой тег привязки типа ‹a class=auctionhistorybox href=popupauctionhistory.aspx?auctionid=5›Click Me‹/a› работает в FF.   -  person Kumar Gaurav    schedule 21.08.2012
comment
... есть ошибки? как насчет добавления одинарных кавычек к значениям параметров?   -  person vector    schedule 21.08.2012
comment
не повезло, я также пытался добавить одинарные или двойные кавычки.   -  person Kumar Gaurav    schedule 21.08.2012
comment
... в консоли ошибок нет?   -  person vector    schedule 21.08.2012
comment
нет ошибок в консоли ошибок   -  person Kumar Gaurav    schedule 21.08.2012
comment
... хм, ничего не торчит или я что-то упускаю из виду. Вы можете сделать макет jsfiddle.net?   -  person vector    schedule 21.08.2012
comment
... если подумать, какую версию jquery вы используете? Поскольку эти ссылки генерируются динамически, вы пытались передать им событие клика через api.jquery.com/on (или «живой» для более старого jquery)?   -  person vector    schedule 21.08.2012

Ответы (1)


arrow_upward
0
arrow_downward

Поскольку якорные ссылки генерировались динамически во время выполнения, поэтому после этого мне пришлось перепривязывать события ColorBox:

вместо "$(document).ready"

$(document).ready(function () {
 $(".auctionhistorybox").colorbox({ iframe: true, width: "35%", height: "60%" });
});

Я вызвал функцию ниже после создания ссылок «auctionhistorybox» в ретрансляторе.

function bindColorBoxEvents() {
$('.auctionhistorybox').each(function (i) {
    $(this).unbind('click');
    $(".auctionhistorybox").colorbox({ iframe: true, width: "50%", height: "95%" });
});

}

ценю вашу помощь @Vector.

person Kumar Gaurav    schedule 22.08.2012