如何在converse.js中使用按鈕單擊事件在全屏和重疊聊天之間切換

Question

我正在嘗試按一個按鈕將覆蓋視圖更改為全屏，另一個按鈕覆蓋到全屏而不使用HTML重定向。

試圖使用converse.api.settings.update但它不起作用，看起來它沒有渲染更新view_mode變量的頁面。

嘗試使用函數中的下一個代碼，甚至添加了this.render() ，但沒有工作：

converse.initialize({
  view_mode: 'fullscreen'
});

_converse.api.settings.update({
  view_mode: 'fullscreen'
});

Answer 1

查看相關的API文檔。

_converse.api.settings.update不用於更改配置設置。 它“ 允許指定新的配置設置，或指定現有配置設置的新默認值。 ”

所以你在那里做的只是設置一個新的默認值，這與在運行時更改值不同。

所有配置設置都在_converse對象上設置，因此要更改一個，您只需指定一個新值，例如_converse.view_mode = 'fullscreen'; 。

這不會立即生效，因為Converse還不支持動態更改view_mode 。

Answer 2

謝謝你的答案，但我想“在飛行中”。

最后我“實時”實現了它但是制作了一些技巧並且可能是錯誤的東西，但我所做的是刪除DOM中的所有類，指向'converse-overlayed'然后再次初始化插件：

converse.initialize({ 
... view_mode: 'fullscreen' 
});

相反的情況也是如此。