Javascript 对象没有';t支持属性或方法';滑动切换';在MS中,从iframe调用Edge
我正在尝试从iframe滑动切换具有“主导航”id的div:Javascript 对象没有';t支持属性或方法';滑动切换';在MS中,从iframe调用Edge,javascript,jquery,html,microsoft-edge,Javascript,Jquery,Html,Microsoft Edge,我正在尝试从iframe滑动切换具有“主导航”id的div: <div id="top"> <div id="titlearea"> <iframe id="customnavbar" src="navbar/navbar.html">..</iframe> </div> <div id="main-nav">...</div> </div> 我正在使用Microsoft Edg
<div id="top">
<div id="titlearea">
<iframe id="customnavbar" src="navbar/navbar.html">..</iframe>
</div>
<div id="main-nav">...</div>
</div>
我正在使用Microsoft Edge 44.18362.267.0和Microsoft EdgeHTML 18.18362进行测试。
在脚本附加onClick eventhandler之前,我正在加载jQuery库
我尝试了$(“#主导航”,window.parent.document)在边缘控制台中选择code>,它可以正常工作
你知道这里有什么问题吗?谢谢
编辑
将代码推送到github后,我在chrome中对其进行了测试,发现以下错误:
Uncaught TypeError: $(...).slideToggle is not a function
at HTMLAnchorElement.myEventHandler (navbar.html:48)
at HTMLAnchorElement.dispatch (jquery-3.3.1.slim.min.js:2)
at HTMLAnchorElement.v.handle (jquery-3.3.1.slim.min.js:2)
myEventHandler @ navbar.html:48
dispatch @ jquery-3.3.1.slim.min.js:2
v.handle @ jquery-3.3.1.slim.min.js:2
解决方案
然后我发现了这个
问题在于包括jQuery的精简版
版本,将其更改为精简版
版本有帮助。描述了解决方案
问题在于包含jQuery的精简版版本,将其更改为精简版可以解决问题。两个文档都在同一个域中吗?它们都在本地存储中。这就是为什么我要在Edge上进行测试,因为chrome将其视为跨域访问。无论如何,我也在调整iframe中的一个div的大小,它可以完美地工作。从您在原始帖子中的编辑来看,似乎您已经找到了解决问题的方法。我建议你把你的答案贴出来作为答案,并试着在48小时后将你自己的答案标记为这个问题的可接受答案。它可以在将来帮助其他社区成员解决类似的问题。谢谢你的理解。谢谢你的建议,我会的。
Uncaught TypeError: $(...).slideToggle is not a function
at HTMLAnchorElement.myEventHandler (navbar.html:48)
at HTMLAnchorElement.dispatch (jquery-3.3.1.slim.min.js:2)
at HTMLAnchorElement.v.handle (jquery-3.3.1.slim.min.js:2)
myEventHandler @ navbar.html:48
dispatch @ jquery-3.3.1.slim.min.js:2
v.handle @ jquery-3.3.1.slim.min.js:2