在 jQuery Infinite Carousel 中,它使用 .clone()
来实现无限效果。这很好用,除非它克隆的代码有 HTML5 元素。 IE7 和 IE8 无法将特定于 HTML5 元素的 CSS 规则应用于克隆的或以其他方式在页面加载后插入的元素。
innerShiv JavaScript 插件以 IE7 和 IE8 可以使用适当的 CSS 呈现的方式插入元素。
问题是 innerShiv 将 HTML 字符串作为参数,但 jQuery .clone() 方法返回一个 jQuery 对象数组。
为了同时使用两者,我需要将 .clone() 的输出转换为 innerShiv 能够解析的 HTML 字符串。
关于如何做到这一点有什么想法吗?
最佳答案
HTML:
<p class="foo"><canvas class="bar"></canvas></p>
JavaScript:[ Ref ]
// grab the object, with HTML 5 element(s).
var p = $('p');
// clone it
var c = p.clone();
// grab the inner html (wrap it so we can get the HTML)
var html = $('<div>').append(c).html();
// alert us of the contents
alert(html);
演示:
关于javascript - 如何将 jQuery 对象数组转换为 HTML 字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5342493/