修复未捕获的TypeError:无法读取属性' parentNode'未定义的

时间:2016-06-21 01:22:20

标签: javascript jquery

在寻找答案之后,我找不到任何与我们试图解决的问题有关的具体内容。

我们在此处有一个页面:https://portfolioboss.co/charts

我们在交易视图中有几个小部件:

https://www.tradingview.com/widget/

当我们使用代码时,我们将这部分代码放在</body>标记之前的页面页脚中:

<script type="text/javascript" src="https://d33t3vvu2t2yu5.cloudfront.net/tv.js"></script>

然后我们在身体的其他地方有这个部分。

<script type="text/javascript"> 
new TradingView.widget({
"width": 980,
"height": 610,
"symbol": "FX:SPX500",
"interval": "D",
"timezone": "Etc/UTC",
"theme": "White",
"style": "1",
"locale": "en",
"toolbar_bg": "#f1f3f6",
"allow_symbol_change": true,
"hideideas": true,
"show_popup_button": true,
"popup_width": "1000",
"popup_height": "650",
"no_referral_id": true
});
</script>

根据图表视图,我们可以正确设置。根据Clickfunnels的工作原理,我们将代码正确添加到页面的设置区域。

当我们加载页面时,所有其他内容都已被删除,但图表确实已加载。如果您查看页面的源代码,您将看到缺少一堆内容。我们尝试使用window.onload,如下面显示的帖子所示,代码的页面部分,但这并没有解决问题。

请参阅:Javascript error: Cannot read property 'parentNode' of null

有谁知道我们如何才能正确显示页面内容并包含图表?

提前感谢您提供的任何帮助和代码示例。

1 个答案:

答案 0 :(得分:0)

我们已经找到了一种使用iframe的解决方法,如果其他人在将来遇到此问题就可以解决问题,避免在Clickfunnels和Trade View之间发生Javascript冲突时出现任何问题。

  1. 在Clickfunnels中创建空白页。

  2. 添加原始问题中显示的贸易视图代码。

  3. 加载到您希望显示tradeview代码的页面,使用iframe调用空白页面vs使用Trade View js代码并尝试在页面中加载它。