2012-07-20 54 views
0

我开发了一个自定义YouTube播放器。与该播放器我已经实现了一个问答系统,它通过使用ajax调用php函数将数据保存到我的数据库。使用类似于嵌入YouTube播放器的内容嵌入JQuery插件

以下是HTML代码

<div id="player"> 
</div> 

    <div id="commentArea"> 
    <div class="question ui-corner-all"> 
     <textarea id="comment" rows="10" cols="50" style="width: 100%"></textarea> 
     <div id="btnSave" class="player-button" style="float: right"> 
      Send</div> 
     <div style="clear: both"> 
     </div> 
    </div> 
</div> 

这个工作我必须引用3个样式表和3个脚本文件。但我希望最终用户能够轻松地嵌入此代码,而不是将头文件放在头文件中,并将上面的html代码放入正文中。

它们可能只是把一个嵌入代码,这将带来上述的HTML,也引用了js和css文件?如果是的话,最好的办法是什么?

感谢您的帮助提前

最好的问候, Amila

回答

0

你可以创建一个小的JavaScript将它们添加到头部,以获取必要的文件。沿着线的东西:

<script type="text/javascript" src="..."></script> <!-- jQuery --> 
<script type="text/javascript"> 
    $(document.head).append('<link rel="stylesheet" type="text/css" href="...">'); 
</script> 
... 

当然,浏览器支持在页面上的任何地方<style>标签(所以只是把标签页上会的工作),但HTML4规范不允许。 另外,如果它已经存在,你可能不想再次加载jQuery,但是你必须延迟你的代码,直到jQuery被实际加载。不知道该怎么做 - <script>load事件,也许?

+0

感谢您的回答Jan – Amila 2012-07-20 15:13:14