Div内容在移动视图上消失
我正在尝试将一个实时聊天小部件(Chatlio.com)添加到我的本地主机上的Bootstrap项目的div (总共3个div)中：
<div id="chatlioWidgetPlaceholder" style="margin: auto; height:400px; width:100%;"></div>聊天在桌面视图上显示得很好，功能齐全，并在左下角的div中正确显示：
...but一旦我使用检查员的“设备模式”进入移动视图，聊天就不会出现，我也看不出原因！
我对桌面视图和移动视图有不同的包装器(由于Bootstrap中Div的行为，我在桌面视图的Div 2和移动视图的Div 1中有聊天小部件)，但不确定这是否是导致它的原因。
我已经把所有的超文本标记语言和CSS放在这个链接中：https://jsfiddle.net/wLnxgo69/
回答 2
Stack Overflow用户
发布于 2016-06-03 01:42:28
我对桌面视图和移动视图有不同的包装器(由于Bootstrap中Div的行为，我在桌面视图的div2和移动视图的div1中有聊天小部件)，并且不确定这是否是导致它的原因。
可能是吧。我在Chatlio文档中看不到它是如何初始化的，但我猜代码可能类似于(jQuery)
$('#chatlioWidgetPlaceholder').chatlio();这只会在页面上的第一个#chatlioWidgetPlaceholder (你的桌面页面)上初始化Chatlio。
我的直觉是清理HTML，这样就不需要两个包装器--从长远来看，代码很难维护--但如果做不到这一点，您可能会看到Chatlio是否允许您按类而不是ID来确定元素的目标，或者您可能只需要第二个小部件。
Stack Overflow用户
发布于 2016-06-06 17:53:44
我想有一个chatlio.ready事件的代码示例，它演示了如何将聊天小部件从一个DOM容器移动到另一个DOM容器：https://chatlio.com/docs/api-v1/#api-custom-events-ready -这就是您需要的吗？
您的小提琴没有直接包含嵌入代码，这使得帮助您变得有点麻烦；如果上面的方法不起作用，您介意添加它吗？
https://stackoverflow.com/questions/37595772
复制相似问题
腾讯云开发者
