1

onclickシャドーボックスの JavaScript にコードを追加しようとしています。

コードは次のとおりです。

Shadowbox.open({
        content:    'my.php',
        player:     "iframe",
        title:      '<div><a href="#" rel="shadowbox" onclick="Shadowbox.open({ content: \'page2.php\', width: 460, height: 270, player:\'iframe\' }); return false;"></a></div>',
        height:     800,
        width:      1024,

    });

私が試した最新のもの：

$(document).ready(function() {

$("#mydiv").on("click", "#sb-title", function(){

     Shadowbox.open({
    content: 'somepage.php', 
    width: 460, 
    height: 270, 
    player:'iframe'     
    });
    
    });

});

...それから...

Shadowbox.open({
content:    'someotherpage.php',
player:     "iframe",
title:      '<div><a id="mydiv" href="#">Clickme</a></div>',
height:     800,
width:      1024,

});

上記は何もしていません。

何らかの理由で発生してonclickいません...これは引用符の構文の問題ですか?

どうすればこれを修正できますか?

4

1 に答える 1

0

タイトルとして通常のテキストのみを追加してみてください (追加しないでくださいonclick)。

次に、クリックを追跡するスクリプトを追加できます。

$("body").on("click", "#sb-title", function(){
    Shadowbox.open({
        content: 'page2.php', 
        width: 460, 
        height: 270, 
        player:'iframe' }
})

EDIT
あなたのコードから：

$(document).ready(function() {

    //you may try '#sb-wrapper' instead of 'body'
    $("body").on("click", "#sb-title", function(){

         Shadowbox.open({
            content: 'somepage.php', 
            width: 460, 
            height: 270, 
            player:'iframe'     
         });

    });

});

...それから...

Shadowbox.open({
    content:    'someotherpage.php',
    player:     "iframe",
    title:      'Clickme',
    height:     800,
    width:      1024,

});
于 2013-03-12T12:49:38.003 に答える