javascript - onclick 中的 JavaScript 引号

Question

我正在尝试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没有发生......这是引号的语法问题吗？

我怎样才能解决这个问题？

Answer 1

尝试仅添加普通文本作为标题（不要添加onclick）。

然后你可以添加一些脚本来跟踪点击：

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

编辑
从您的代码：

$(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,

});