2012-01-26 23 views
1

私は派手な箱にスクリプトを入れようとしていますが、うまくいきません。には、fancyboxコンテンツへのスクリプトを含める方法がありますか?

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

しかし、このようなMSGが作業を行います。

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

今私は含めるスクリプトは巨大であり、私は引用符でのすべての行を書き込むことはできません。

とにかく動作させるにはどうしますか?ありがとう!

答えて

1

私は問題を解決することができました。
<button id="addmsg" href="#addmsg_div">ADD</button>

#addmsg_divが私の意図したMSGを含むタグ:私のhtmlファイル内 iは、ボタンを追加しました。私の.jsファイルに私は書いた:
$("#addmsg").fancybox();

0

これは動作する可能性があります!

$("#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> 
関連する問題