Question

我正在尝试将一个脚本包含在fancy box中，但它不起作用。

$("#addmsg").click(function () {
    var msg = '<script type="text/javascript" src="/1.js"></script>'; 
    $.fancybox({
      'content': msg});
});

但像这样的消息可行：

    var msg = '<script>function foo(){alert("this works");}</script>';      
    msg += '<input type="button" value="Cancel" onclick="foo()"/>';

现在我想要包含的脚本很大，我不能用引号写出它的每一行。

无论如何都要让它发挥作用？谢谢！

Answer 1

我设法解决了这个问题。在我的html文件中，我添加了按钮：
<button id="addmsg" href="#addmsg_div">ADD</button>

标记#addmsg_div包含我想要的信息。在我的.js文件中我写道：
$("#addmsg").fancybox();

Answer 2

这可能有用！

$("#addmsg").click(function () {
    $.fancybox({ 'href': "http://mydomain.com/folder/pageLoaded.html"});
});

pageLoaded.html ---

   <html>
     <body>
      <input id="clicker" type='button' value='Cancel' />
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
      <script type="text/javascript" src="/1.js"></script>
<!-- OR -->
      <script>
       $("body").on("click", "#clicker", function(){
         alert("This Works");
       });
      </script>
     </body>
    </html>

有没有办法将脚本包含在fancybox内容中？

2 个答案: