如何将JS文件从其他文件夹链接到页面?

时间:2016-05-14 18:27:41

标签: javascript html css

我下载了一些实时的css编辑器,我很难搞清楚如何将它链接到我的其他页面。

我有一个名为cssit.js的文件(这是一个css编辑器),如果我将它放在与我的页面相同的文件夹中,它可以正常工作。但是,如果我希望从其他文件夹中的页面链接到该脚本,我不知道如何。

示例:我的页面位于images / index.php中,但该脚本位于scripts / javascript / cssit.js

我如何链接到index.php那个脚本?

1 个答案:

答案 0 :(得分:0)

scripts/javascript

或者,更简单的方法是使用绝对路径。假设// images/index.php <script src="/scripts/javascript/cssit.js"> // another/dir/index.php <script src="/scripts/javascript/cssit.js"> 位于您网站的根目录:

<div id="appSpace" class="folder-container">
    <div class="folder sortable-folder">
        Folder 1
        <div class="sub-folder sortable-sub-folder">Sub Folder 1
            <div class="folder-item">Item 1</div>
            <div class="folder-item">Item 2</div>
            <div class="folder-item">Item 3</div>
        </div>
        <div class="sub-folder sortable-sub-folder">Sub Folder 2
            <div class="folder-item">Item A</div>
            <div class="folder-item">Item B</div>
            <div class="folder-item">Item C</div>
        </div>
    </div>
    <div class="folder sortable-folder">
        Folder 2
        <div class="sub-folder sortable-sub-folder">Sub Folder A
            <div class="folder-item">Item 1</div>
            <div class="folder-item">Item 2</div>
            <div class="folder-item">Item 3</div>
        </div>
        <div class="sub-folder sortable-sub-folder">Sub Folder B
            <div class="folder-item">Item A</div>
            <div class="folder-item">Item B</div>
            <div class="folder-item">Item C</div>
        </div>
    </div>
</div>

$(function() {
        $(".folder-container").sortable({
            connectWith: ".folder-container",
            sort: function(e) {
            }
        });
        $(".sortable-folder").sortable({
            connectWith: ".sortable-folder",
            sort: function(e) {

            }
        });
        $(".sortable-sub-folder").sortable({
            connectWith: ".sortable-sub-folder",
            sort: function(e) {

            }
        });
        $( ".sortable" ).disableSelection();
    });