我开发了一款自定义YouTube播放器。通过该播放器,我实现了一个问答系统,通过使用ajax调用php函数将数据保存到我的数据库中。
以下是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 :(得分: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,但是您必须延迟代码直到实际加载jQuery。不知道如何做到这一点 - 也许是<script>
的{{1}}事件?