如何在多个页面上使用jQuery

时间:2015-07-11 20:54:17

标签: javascript jquery html scope

在此之前,我想澄清我即将提出的问题,说我刚刚离开了未定义的功能"问题,这是通过将所需的功能移动到" head"来解决的。 (我仍然觉得奇怪的是onclick无法在自己的文件中看到这个功能...) 我是jQuery的1/2天。我有一个CSS列表(A),构建列表的html(B)和处理列表折叠/扩展的jQuery函数(C)。全部都是从这里借来的:

jsfiddle.net/jhfrench/GpdgF /

当所有这些都在一个文件中时,它可以正常工作。但是当这个文件被读入div时,它就不再起作用了。我现在一直在尝试移动A和C一段时间,因为我觉得这是我不知道的东西在这里的范围(或相关问题):)并且不用说,崩溃/扩张/悬停尚未发生。如果我必须在尚未加载的文件中包含html代码(B),我是否将A和B部分保存在此文件中,或者将它们放在我的主页面中(包含div最终将持有B),还是其他什么? 提前谢谢。

1 个答案:

答案 0 :(得分:0)

是的......我发现了一些奇怪的事情......你们几乎给了我一个悲伤的生日:P证明这个问题是不可理解的,直到你陷入陷阱。在其中一个不起眼的网站中找到了解决方案;)

你走了: 以某种方式通过某些方法(ajax是一个?)加载到其他页面的页面被剥夺了他们的"调用javascript"能力。我有:

主页 - > |左边的div 1 |右边的div 2 |

根据对div 1或div 2本身采取的操作,将东西加载到div 2中。这意味着在我的情况下,加载到div 2中的任何内容都需要javascript功能来进行决策。

随机页面X.htm ---> | HTML + CSS + JS |

(这是各种"页面之一"可以在主页的DIV 2中加载)

html工作正常,css工作正常,js不能全部工作,永远不会。甚至没有人见过吗?不知道为什么......

解决方案:

1)将JS相关的子页面放在主页面中! 2)将以下内容放在加载到DIV 2中的任何页面的末尾,例如"页面X"上述

<img src="oneTransparentPixel.png" onload="theFunctionWeNeedInPageX()" />

在哪里创建要加载的1像素透明图像(!)。这里的黑客是图像的加载允许调用我们需要的功能......

我不知道如果在子页面中是否看不到JS代码,或者没有执行,或者页面还没有准备好执行它。无论如何,这个&#34;解决方案&#34;允许 1)现在看到代码 2)一旦页面准备好让函数执行应该执行的操作,就会执行它。在我的例子中,该函数将鼠标悬停在子页面X中的列表/ collapsing / etc上。这样可能表示代码尚未准备好应用于列表,因为列表还没有存在 - 没有被浏览器呈现,或者因为任何人都没有看到代码。有人可以澄清发生了什么,或者指出我们要读什么,以便我们知道? 谢谢您的时间:))