0

aタグが特定のクラスを持つ任意のURLを開くモーダルを作成しようとしています。

カラーボックスのドキュメントには、例としてこれがあります。

// ColorBox can accept a function in place of a static value:
$("a.gallery").colorbox({rel: 'gal', title: function(){
  var url = $(this).attr('href');
  return '<a href="' + url + '" target="_blank">Open In New Window</a>';
}});

私のHTML構造は次のとおりです。

"class="モーダル"rel =" gal "> 

        <h2 id="post-<?php the_ID(); ?>"><?php the_title(); ?></h2>

        <div class="entry">
            <?php the_excerpt(); ?>
        </div>

</div>

そして私のJSは：

jQuery(".modal").colorbox({rel: 'gal', title: function(){
  var url = jQuery(this).attr('href');
  return '<a href="' + url + '" target="_blank">Open In New Window</a>';
}});

しかし、それはトリガーされていないだけです-コンソールJSエラーは発生していません-誰かがここで何が悪いのかを見ることができますか？

4

3 に答える 3

0

parent。$。colorbox.resize（{幅：460、高さ：130}）;

于 2013-03-15T18:11:42.703 に答える
0

そのメソッドに有効な要素ではない要素に対してcolorbox()メソッドを使用しています。このメソッドは、要素<div>でのみ使用できます。<a>

于 2013-03-15T17:15:57.597 に答える
0

関数を完全に誤解しました-冒頭の投稿で概説したことを実行しようとしている場合は、iframe関数を使用してください。

例えば

jQuery(function () {
    jQuery(".modal").colorbox({iframe:true, innerWidth:425, innerHeight:344});    
})
于 2013-03-15T17:16:14.437 に答える