如果字符串位于iframe之后,则不会使用引导程序列表显示
String does not show using a bootstrap list if placed after iframe
为什么parsedList.title
不显示在嵌入的iframe
旁边?
https://jsfiddle.net/bobbyrne01/9ztgxhd7/
html
<div id="content">
</div>
javascript
var parsedList = [];
parsedList.push({'title': 'test', 'embed': '<iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fi.imgur.com%2F…key=2aa3c4d5f3de4f5b9120b660ad850dc9&type=video%2Fmp4&schema=imgur" width="200" height="160" scrolling="no" frameborder="0" allowfullscreen></iframe>'});
parsedList.push({'title': 'test2', 'embed': '<iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fi.imgur.com%2F…key=2aa3c4d5f3de4f5b9120b660ad850dc9&type=video%2Fmp4&schema=imgur" width="600" height="400" scrolling="no" frameborder="0" allowfullscreen></iframe>'});
parsedList.push({'title': 'test3', 'embed': '<iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fi.imgur.com%2F…key=2aa3c4d5f3de4f5b9120b660ad850dc9&type=video%2Fmp4&schema=imgur" width="300" height="160" scrolling="no" frameborder="0" allowfullscreen></iframe>'});
parsedList.push({'title': 'test4', 'embed': '<iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fi.imgur.com%2F…key=2aa3c4d5f3de4f5b9120b660ad850dc9&type=video%2Fmp4&schema=imgur" width="600" height="200" scrolling="no" frameborder="0" allowfullscreen></iframe>'});
document.getElementById('content').innerHTML = '<div class="list-group">';
for (var i = 0 ; i < parsedList.length; i++){
if (parsedList[i].embed != null){
parsedList[i].embed = parsedList[i].embed.replace(/width=".*?"/, 'width="200"');
parsedList[i].embed = parsedList[i].embed.replace(/height=".*?"/, 'height="160"');
document.getElementById('content').innerHTML += '<a href="#" class="list-group-item">' + parsedList[i].embed + parsedList[i].title + '</a>';
}
}
document.getElementById('content').innerHTML += '</div>';
嵌入属性没有iframe
结束标记。这是您的工作代码。
演示
allowfullscreen></iframe>
被这些取代
allowfullscreen ></iframe>
在您的parsedList
中
希望能有所帮助。
不要转义嵌入代码中的<
和>
:'embed': '<iframe class="embedly-embed" src="[...]" width="200" height="160" scrolling="no" frameborder="0" allowfullscreen> </iframe>'
https://jsfiddle.net/9ztgxhd7/3/
相关文章:
- 引导程序:在导航栏中,显示悬停在单个位置的基于Li Link的不同内容
- 如何保持引导程序下拉复选框列表下拉
- Twitter引导程序在下拉列表打开时停止传播
- jQuery,引导程序下拉列表问题
- 引导程序下拉列表显示不正确
- 在引导程序旋转木马中显示下一个图像
- 如何在java脚本中显示引导程序底部的pophover图像点击
- 在引导程序弹出窗口中显示iframe
- 显示禁用单选按钮引导程序3的工具提示
- 引导程序在单击另一个下拉列表时关闭下拉列表
- 引导程序选择下拉列表
- 切换菜单未显示 - 引导程序 3
- 如果字符串位于iframe之后,则不会使用引导程序列表显示
- 如何在显示引导程序样式之前对其进行更改
- 成功提交时显示引导程序的警报
- 工作列表组引导程序
- 显示引导程序下拉菜单,将列表向左而不是向右
- 在angularjs中显示引导程序缩略图
- 在引导程序下拉列表菜单中显示所选选项
- 如何在ajax成功方法中显示引导程序成功消息()