jQuery UI选项卡 - 显示来自其他<a> tags</a>的内容

Question

因此，jQuery UI标签目前正在运行，我也与blueimp Gallery一起显示幻灯片。

该图库需要使用<a>标记显示图片，jQuery UI标签会从<a>标记中获取菜单。

所以我在我的标签中看到了所有类型的符号等，而不仅仅是我的内容。

我的标签发生冲突，就像删除图片一样..内容显示正确

显示照片

<div id="links">
  <a href="images/br/GK Birthright.jpg"></a>
  <a href="images/br/GK Birthright 2.jpg"</a>
  <a href="images/br/GK Birthright 3.jpg"</a>
  <a href="images/br/GK-BR1.jpg"</a>
</div>

JS for Slideshow - 如果得到所有＆＃39; a＆＃39;

<script>
blueimp.Gallery(
    document.getElementById('links').getElementsByTagName('a'),
    {
        container: '#blueimp-gallery-carousel',
        carousel: true,
        startSlideshow: false
    }
);
</script>

显示标签

<div id="tabs">
    <ul>
      <li><a href="#tabs-1">United States of America</a></li>
      <li><a href="#tabs-2">United Kingdom</a></li>
      <li><a href="#tabs-3">Canada</a></li>
    </ul>
 </div>

Answer 1

看起来你不需要img标签......或者两者都可以......试试..

<div id="links">
  <a href="images/br/GK Birthright.jpg"><img src="images/br/GK Birthright.jpg" /></a>
  <a href="images/br/GK Birthright 2.jpg"><img src="images/br/GK Birthright 2.jpg" /></a>
  <a href="images/br/GK Birthright 3.jpg"><img src="images/br/GK Birthright 3.jpg" /></a>
  <a href="images/br/GK-BR1.jpg"><img src="images/br/GK-BR1.jpg" /></a>

所看到的是图片元数据......这是因为你错误地将结束括号从标签上移开了......

 <a href="images/br/GK Birthright 3.jpg"(need closing > here)</a>

第一个是正确的......在你当前的代码中