Javascript Flexslider无法使用Jquery处理自动生成的内容

我有一个包含文章内容的文本区域，我想用Flexslider Jquery插件制作一个滑块，但不幸的是，该插件无法工作

HTML代码

<textarea id='summary7731158085902631382' style='display:none;'>
<div dir="ltr" style="text-align: left;">

<a href="http://1.bp.blogspot.com/-tqkOgHfEp10/VKHDxv709UI/AAAAAAAABKo/IA6lz5cdGfE/s1600/unsplash_1.jpg">
<img src="http://1.bp.blogspot.com/-tqkOgHfEp10/VKHDxv709UI/AAAAAAAABKo/IA6lz5cdGfE/s1600/unsplash_1.jpg" />
</a>

<a href="http://1.bp.blogspot.com/-88jaynpnczQ/VKHDxr9NHXI/AAAAAAAABKs/PusKWOwGCYw/s1600/unsplash_2.jpg">
<img src="http://1.bp.blogspot.com/-88jaynpnczQ/VKHDxr9NHXI/AAAAAAAABKs/PusKWOwGCYw/s1600/unsplash_2.jpg" />
</a>

<a href="http://3.bp.blogspot.com/-JY0gtfw46YY/VKHDxgz63KI/AAAAAAAABK0/r0mvJkP_FE0/s1600/unsplash_3.jpg">
<img src="http://3.bp.blogspot.com/-JY0gtfw46YY/VKHDxgz63KI/AAAAAAAABK0/r0mvJkP_FE0/s1600/unsplash_3.jpg" /></a>

<br />

<p>Cras sit amet libero eros, in ultricies lorem. Nunc et odio neque.   Maecenas vehicula interdum hendrerit. Integer hendrerit orci ullamcorper neque pellentesque feugiat. Aliquam magna metus, fringilla non ultrices id, fringilla eu erat. Phasellus lorem tortor, porttitor volutpat iaculis sed, condimentum ultricies massa. Curabitur ut malesuada elit. Nullam tortor mi, faucibus a laoreet a, ultricies ut est. Etiam erat urna, dapibus vitae sodales eu, sagittis ut nisl. Curabitur vitae tristique felis. Donec consectetur porttitor lectus ac pharetra. Mauris nulla nisi, congue quis eleifend at, dapibus eget augue. Curabitur nunc sem, feugiat sit amet facilisis quis, laoreet id mi.
</p>
</div>
</textarea>
<div id='content'></div>

克拉斯坐在艾米特自由厄洛斯，在ultricies lorem。努克和奥迪奥·内克。国际交通工具协会。整数hendrerit orci ullamcorper neque pellentesque feugiat。Aliquam magna metus，fringilla non ultrices id，fringilla eu erat。福赛勒斯·洛雷姆·托托、帕特·艾库利斯·塞德、马萨甜味调味品。马莱苏阿达精英酒店。这是我的错，这是我的错。埃蒂亚姆·埃拉特·乌尔纳、欧盟的苏打水、意大利的萨吉蒂。猫的生命之鸟。请不要把它放在船舷上。毛里斯·努拉·尼西，康格·奎斯·埃利芬德，达皮布斯·埃吉特·奥古斯。库拉比图尔·努克·塞姆，他是一位设施齐全的牧师。

Jquery代码

var sum = '',
  content = $('#summary7731158085902631382').val(),
  imgs = $(content).find('img');

if (imgs.length > 1) {
  sum = '<div class="flexslider"><ul>';
  for (var i = 0; i < imgs.length; i++) {
    var img = imgs[i].src;
    sum += '<li><a href="' + img + '"><img alt="" src="' + img + '"></a></li>';
  }
  sum += '</ul></div>';
}
$('#content').html(sum);
$('.flexslider').flexslider({
  animation: "slide",
  controlNav: false,
  smoothHeight: true,
  prevText: "",
  nextText: ""
});

var sum=''，
content=$（'#summary7731158585902631382'）.val（），
imgs=$（content.find（'img'）；
如果（imgs.length>1）{
总和=“
”；
对于（变量i=0；i

---

只需在ul标签上添加一个类别，即“幻灯片”：

sum='
；

sum = '<div class="flexslider"><ul class="slides">';