首页 文章

Wordpress javascript相对路径在一篇文章中

提问于
浏览
0

我有一个网站:XXXXXXXX.XXXXXXX.com

我上传了一个带有js文件的目录:

XXXXXXXX.XXXXXXX.com/JsTestFolder

其中的一些文件:XXXXXXXX.XXXXXXX.com/JsTestFolder/index.html

XXXXXXXX.XXXXXXX.com/JsTestFolder/boot-html5.js

XXXXXXXX.XXXXXXX.com/JsTestFolder/cocos2d-html5.min.js

......

在JsTestFolder文件夹中,我有一个包含canvas标记的index.html

我可以通过访问XXXXXXXX.XXXXXXX.com/JsTestFolder/index.html成功运行演示

但现在我想把它(画布)嵌入wordpress中的帖子中 .

所以我创建了一个内容的帖子:

<div style="......">
    <canvas id="gameCanvas" width="320" height="480"></canvas>
</div>
<script src="boot-html5.js"></script>

并且无法加载“boot-html5.js”文件,因此我将内容更改为:

<script src="/JsTestFolder/boot-html5.js"></script>

而这次“boot-html5.js”已成功加载但是〜

boot-html5.js的内容:

(function () {
    var d = document;
    var c = {
        COCOS2D_DEBUG:2, //0 to turn debug off, 1 for basic debug, and 2 for full debug
        //......
        tag:'gameCanvas', //the dom element to run cocos2d on
        SingleEngineFile:'cocos2d-html5.min.js',
        //......

你可以看到它使用相对路径引用其他一些js文件,控制台显示错误:

http://XXXXXXXX.XXXXXXX.com/cocos2d-html5.min.js 404 (Not Found)

那文件在http://XXXXXXXX.XXXXXXX.com/JsTestFolder~

显然浏览器(?)正在使用“http://XXXXXXXX.XXXXXXX.com/ " as root path not the " http://XXXXXXXX.XXXXXXX.com//JsTestFolder” .

那么如何在不改变所有js文件的情况下使用“绝对路径”来使这个东西工作?

任何建议将不胜感激,那就是:)

2 回答

  • 0

    1)文件中使用的SingleEngineFile在哪里?

    2)尝试改变

    SingleEngineFile:'cocos2d-html5.min.js'
    

    SingleEngineFile:'/cocos2d-html5.min.js'
    
  • 0

    试着改变

    <script src="/JsTestFolder/boot-html5.js"></script>
    

    <script src="../boot-html5.js"></script>
    

    要么

    <script src="/boot-html5.js"></script>
    

相关问题