-1

我正在使用一个名为 Prettyphoto 的插件，当您启动插件时，您可以传递一个名为social_toolswhere 您可以在加载 Twitter 和 Facebook 按钮的 html 中输入的参数。

js文件中的默认html本身没有问题，我也可以将html添加到js文件中，它可以工作。

但是，当我尝试添加启动插件的代码时，它会停止工作。

我最终看到的只是}); });在屏幕上输出，好像某处没有正确关闭。

我在当地工作。

这是我的代码

 <script type="text/javascript" charset="utf-8">
 $(document).ready(function(pp_settings){
 $("a[rel^='prettyPhoto']").prettyPhoto({
        social_tools: '<div class="twitter"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div class="facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&href={location_href}&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:23px;" allowTransparency="true"></iframe></div>' 
                });
 });

 </script>

在这里你可以看到参数列表，如果你向下滚动到自定义，最后你会social_tools

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation

谢谢

4

2 回答 2

2

该<script>元素实际上在第一次使用 时结束，尽管它在文字中</script>放置或使用。String

防止这种情况的一个常见技巧是将其分解：

'...</' + 'script>...'
于 2013-08-09T08:14:30.637 回答
0

这也行不通吗？

    var options = {social_tools: '<div class="twitter"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div class="facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&href={location_href}&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:23px;" allowTransparency="true"></iframe></div>'};

$(document).ready(function(pp_settings){
     $("a[rel^='prettyPhoto']").prettyPhoto(options);
});
于 2013-08-09T08:08:38.037 回答