Question

我是实现jQuery add ons的新手。我想在我的网站上使用editable：

http://www.arashkarimzadeh.com/jquery/7-editable-jquery-plugin.html

我在我的网站上已经使用了2个jQuery adds ...但是这些软件包包含了我需要的所有文件。所以我有一个脚本文件夹，有jquery-1.4.1 ......然后是每个'插件'的文件夹，比如'plupload'，在那里我有很多.js文件和一些文件夹。这是从作者网站下载的文件夹。

使用'editable'，它们只提供单个.js文件。我该怎么办（我应该把它放在我的网站结构上哪里），以及如何在项目中“包含”它，以便我可以利用他们提供的代码？

我的HTML代码如下所示：

<div id="editable"> Click Me </div>

我的功能位于ascx文件的底部：

    .....        
    <script type="text/javascript">
            $(function () {
                $('#gallery a').lightBox({
                    imageBtnClose: '/lightbox/images/lightbox-btn-close.gif'
                });
            });

            $(document).ready(function () {
                $('div.editable').editable();
            });
        </script>

</asp:Content>

我把它放在文件的顶部：

<script type="text/javascript" src="scripts/jquery.editable-1.3.3.js"></script>

Answer 1

您是否尝试过将.js文件放入脚本文件夹？然后将此标记添加到您的<head>代码中：

<script type="text/javascript" src="scripts/jquery.editable-1.3.3.js"></script>

src指向您的文件的位置。

完成后，您应该在另一个<script>标记中使用此（或任何其他设置）：

$(document).ready(function(){
    $('div.editable').editable();
});

div.editable是您想要编辑的div。

Answer 2

对于大多数文件插件，您只需这样做：

<head>
    <script src="jQuery.js"></script>
    <script src="jQuery.Editable.js"></script>
</head>

使用可编辑插件

2 个答案: