在刷新之前无法在网络视图中加载 javascript

Question

我有一个名为 room.html.erb 的 html 文件，里面有一些 js code.when 我点击了一个 link 它有加载上面的 page.but 页面加载正确，除了 js code.when 我刷新它工作正常。

room.html.erb

中的代码

<script src="http://static.opentok.com/v2/js/opentok.min.js" type="text/javascript"></script>

<script>
var apiKey = xxxxxx;//my apikey
var sessionId ="<%=@group.sessionId%>" ;
var token = "<%=@opentok_token%>";
var session;
OT.setLogLevel(OT.DEBUG);

session = OT.initSession(apiKey,sessionId);

session.on
({
    streamCreated: function(event)
    {
        session.subscribe(event.stream,'subscribersDiv',{insertMode: 'append'});
    }
});

session.connect(token,function(error){
    if(error)
    {
        console.log(error.message);
    }
    else{
        session.publish('myPublisherDiv',{width: 320,height: 240});
    }
}); 

</script>

我无法弄清楚为什么会这样。

Answer 1

等到 DOM 加载完毕？

<script src="http://static.opentok.com/v2/js/opentok.min.js" type="text/javascript"></script>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function(event) { 
    var apiKey = xxxxxx;//my apikey
    var sessionId ="<%=@group.sessionId%>" ;
    var token = "<%=@opentok_token%>";
    var session;
    OT.setLogLevel(OT.DEBUG);

    session = OT.initSession(apiKey,sessionId);

    session.on
    ({
        streamCreated: function(event)
        {
            session.subscribe(event.stream,'subscribersDiv',{insertMode: 'append'});
        }
    });

    session.connect(token,function(error){
        if(error)
        {
            console.log(error.message);
        }
        else{
            session.publish('myPublisherDiv',{width: 320,height: 240});
        }
    }); 
});
</script>

另一种方法

添加

<div id="myPublisherDiv"></div>
<div id="subscribersDiv"></div>

在刷新之前无法在网络视图中加载 javascript

unable to load javascript in webview until refreshed

javascript

html

ruby-on-rails

opentok

tokbox