从JS发起Tradingview小部件取代整个正文

时间:2017-05-29 11:04:36

标签: javascript jquery html

每当我尝试从javascript启动小部件时,事情都会变得混乱。小部件被创建但页面上的整个内容被覆盖(下面的jsfiddle)。任何可能解决这个问题的线索(使用类似的方法从没有iframe的javascript启动)?

var s2 = document.createElement("script");
s2.text = "new TradingView.widget({" +
   '"width": 450,' +
   '"height": 400,' +
   '"symbol": "SSD",' +
   '"interval": "D",' +
   '"timezone": "Etc/UTC",' +
   '"theme": "White",' +
   '"style": "1",' +
   '"locale": "en",' +
   '"toolbar_bg": "#f1f3f6",' +
   '"hide_side_toolbar": true,' +
   '"allow_symbol_change": true,' +
   '"hideideas": true' +
   '});'

  $(s2).appendTo("#feed");

您可以在此处查看问题:https://jsfiddle.net/g7tjaqg1/

我检查了类似问题TradingView widget replacing entire HTML body,但该解决方案使用了iframe。对于这种情况,这是唯一可行的解​​决方案吗?

1 个答案:

答案 0 :(得分:1)

你必须使用属性container_id:" feed" 这将加载特定容器中的图表