カラーボックスから親divをリロードする

Question

ショッピングカート付きのカラーボックスiframeを持っています。私はそのカラーボックスのiframeに「空のカート」リンクがあるので、「ショッピングカートモニタ」を表示する親divをリロードする必要があります。

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

誰でも教えてもらえますか？

Answer 1

これはそれを行うだろう：#carromonitor以来

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

がIDであるため、一意である必要があり、それがクリックされた要素に関連するという事実は問題ではないはず。あなたは（あなたがすべきではない）のIDを複製する場合、$(this).closest('#carromonitor')

一つで$('#carromonitor')を置き換えるあなたに実行する可能性がある問題は、クリックハンドラが（#submitXXX要素が＃内部にあると仮定して、初めての後に呼び出されていないということです車モニター）。その場合は、交換してください：

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

jqueryの中のhtml（）関数は次のようになります。

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

Answer 2

と

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

をそれはあなたがこの行の間違いを持っ​​ているように見えます：

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

ただし、あなたがajax経由でロードしたいので、html（）関数は必要ありません。

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

また、ドキュメントの準備ができているブロック内にコードを配置する必要があります。あなたはそれを言及していないので、あなたが既にことをやった場合、私は知りませんが、それはIFRAMEが読み込まれる前に実行しないでください。 あなたの最初の提案はすでにだった答えを

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