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'     
    });

    });

});


...then...

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,

});