2016-05-20 1 views
0

私たちのサイトではカラーボックス(ポップアップモーダル)を使用しています。ポップアップが発生したときにボタンを削除したいと考えています。コールバックの問題?子ポップアップ(モーダル)ウィンドウ(カラーボックス)でコードを実行したい

これはコード(しかし、私はこの部分を編集することはできません)である:

<script type="text/javascript"> 
    $(function(){ 
     $(".quickview_btn").click(function(e){ 
      e.preventDefault(); 
      var qvURL = $(this).attr("href"); 
      $.colorbox({"href": qvURL}) 
     }); 
     $.colorbox.resize(); 
    }); 
</script> 

そして、私は以下のようにそれを変更/上書きしようとしているコードを注入しています:

<script> 

$(document).ready(function(){ 

    var qvURL = $(this).attr("href"); 
    $(".quickview_btn").colorbox({ 

     width: "50%", 
     height: "50%", 
     iframe: true, 
     href: qvURL, 
     opacity: 0.6, 
     onComplete: function(){ 
      $('.add-to-cart').hide(); 
     } 

}); 
}); 
</script> 

enter image description here

+0

文書は別の文書の中に用意されています。問題はありませんが、必要はありません。 – Jamiec

+0

高さには2つのパーセント記号があります。 –

+0

コンソールを開いて、どんなエラーがポップアップしているのを見ましたか? @BramVanroyは良い点を作った。 –

答えて

0

アドバイスをいただきありがとうございます。

私はついにそれを働かせて、あなたのヒントをいくつか取りました。

<script> 
    $(document).ready(function() { 
     $(".quickview_btn").click(function() { 
     var quickview_url = $(this).attr("href"); 


    var qvURL = $(this).attr("href"); 
    $(".quickview_btn").colorbox({ 
     href: qvURL, 
     opacity: 0.6, 
     onComplete: function(){ 
     $(".qlBtns").click(function() { 

       mboxDefine('dynamicElement5', 'QuickViewAddToCartClicked'); 
       mboxUpdate('QuickViewAddToCartClicked', 'Clicked=Yess'); 

     }); 
    } 
}); 


     mboxDefine('dynamicElement', 'QuickViewPLPclicked'); 
     mboxUpdate('QuickViewPLPclicked', 'paramURL='+quickview_url); 
    }); 

}); 
</script> 
関連する問題