Question

我有一个网站：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/”作为根路径而不是“http://XXXXXXXX.XXXXXXX.com//JsTestFolder”。

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

任何建议都会受到赞赏，那就是：）

Answer 1

1）文件中使用的SingleEngineFile在哪里？

2）尝试从

改变

SingleEngineFile:'cocos2d-html5.min.js'

到

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

Answer 2

尝试更改

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

到

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

或

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

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

2 个答案: