0

私はJavascriptをやったことがありません。

ウェブサイトで、投稿のライトボックスを表示するために投稿にrel="shadowbox"を追加しました。テンプレートには無限スクロールが組み込まれており、新しい投稿でシャドウボックスを機能させるにはコールバックを使用する必要があることがわかりました。問題は、コードをどこにどのように配置するかです。

例:

$("#container").on("focusin", function(){ $("a.ajaxFancyBox").fancybox({ // fancybox API options here 'padding': 0 }); // fancybox }); // on

これをスクリプトタグの頭に入れますか?

4

2 に答える 2

0

必要に応じて、Web サイトの head に含めることができます...次のようなものがうまくいく場合があります。

<script>
$(function(){

    $("#container").on("focusin", function(){ $("a.ajaxFancyBox").fancybox({ 
         // fancybox API options here 'padding': 0 
        }); // fancybox 
    }); 

});
</script>

プログラマーでなく、一流のモーダル プラグイン (ライトボックス) が必要な場合は、Easy Fancybox をチェックすることをお勧めします。それは機能し、見栄えがします。 http://wordpress.org/extend/plugins/easy-fancybox/

于 2013-01-26T01:02:04.710 に答える
0

それをスクラッチして、Shadowbox と Easy FancyBox を完全に取り出しました。

使用されたワードプレスは、Thickbox に組み込まれています

追加された投稿の上

<?php add_thickbox(); ?>

クラスを追加する

class="thickbox"

リンクの最後にiframeだったので追記

?KeepThis=true&TB_iframe=true&height=400&width=600

それは独自のコールバックだと思います(入れたかどうかわかりません)もしそうなら、header.phpに以下を追加してください

<script> tb_init( $('a.thickbox, area.thickbox, input.thickbox',this) );</script>

おっしゃる通り、必要ないと思います。

でも助けてくれてありがとう。

于 2013-03-24T11:13:08.900 に答える