Question

我开发了一款自定义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

Answer 1

你可以创建一个小的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}}事件？

使用类似于嵌入YouTube播放器的东西嵌入JQuery插件

1 个答案: