перезагрузить родительский div из colorbox

Question

У меня есть iframe colorbox с корзиной для покупок.Мне нужно перезагрузить родительский div, который отображает «монитор корзины покупок», потому что у меня есть ссылка «пустая корзина» на этот фрейм colorbox.

            $("#submit<%response.write productid%>").click(function(event) {
            alert('actualizo carromonitor!');
            parent.$("#carromonitor").html.load("carromonitor.asp");
            });

Кто-нибудь может мне помочь?

Answer 1

Похоже, у вас есть ошибка в этой строке:

parent.$("#carromonitor").html.load("carromonitor.asp");

Функция html () в jquery должна выглядеть следующим образом:

parent.$("#carromonitor").html("Your HTML code here");

Однако, поскольку вы хотите загрузить его через ajax, вам не нужна функция html (). Вы можете сделать это следующим образом:

parent.$("#carromonitor").load("carromonitor.asp");

Кроме того, ваш код в самом документе iframe должен быть в готовом блоке документа. Вы не упомянули об этом, поэтому я не знаю, сделали ли вы это уже, но он не должен запускаться до загрузки iframe:

$(document).ready(function() {
    $("#submit<%response.write productid%>").click(function(event) {
        alert('actualizo carromonitor!');           
        parent.$("#carromonitor").load("carromonitor.asp");
    });
});

Answer 2

Будет ли это сделать:

$("#submit<%response.write productid%>").click(function(event) {
  alert('actualizo carromonitor!');
  $("#carromonitor").load("carromonitor.asp");
});

Поскольку #carromonitor является идентификатором и поэтому должен быть уникальным, тот факт, что он связан с выбранным элементом, не должен иметь значения. Если вы дублируете идентификаторы (которые не должны быть), замените $('#carromonitor') на $(this).closest('#carromonitor')

Одна проблема, с которой вы можете столкнуться, заключается в том, что обработчик щелчка не вызывается после первого раза (при условии, что элемент #submitXXX находится внутри #carromonitor). В этом случае замените:

$("#submit<%response.write productid%>").click(function(event) {

с

$("#submit<%response.write productid%>").live('click', function(event) {