设置下一个和上一个href

-1

我正面临着一些问题，现在我有的是在div中的图像渲染，并且当用户点击图像时，div内有锚标记覆盖屏幕将打开，我必须显示pdf文件我已经使用TouchPdf插件现在我想要的是会有覆盖屏幕上的箭头按钮，将导航到下一个pdf文件，并显示在覆盖screen.I难以实现此谢谢所有设置下一个和上一个href

这如何图像呈现

<div class="col-lg-3 col-md-4 col-xs-6 thumb"> 
    <div class="image-div-conents"> 
     <h3 class="circle">BI</h3> 
      <div class="doc-name-date"> 
        <!-- <ul class="list-inline"> --> 
         <span class="bill">Bill</span> 
          <span class="bill">2-02-2017</span> 
          <!-- </ul> --> 
          </div> 
         </div> 
          <a href="#"> 
           <img height="300px" class="img-responsive" src="http://i156.photobucket.com/albums/t20/warjhenz/1000x1000.gif" alt=""> 
           <div class="validitity"><span>Validitity: Forever</span></div> 
          </a> 
        </div> 


<div class="col-lg-3 col-md-4 col-xs-6 thumb"> 
    <div class="image-div-conents"> 
     <h3 class="circle">BI</h3> 
      <div class="doc-name-date"> 
        <!-- <ul class="list-inline"> --> 
         <span class="bill">Bill</span> 
          <span class="bill">2-02-2017</span> 
          <!-- </ul> --> 
          </div> 
         </div> 
          <a href="#"> 
           <img height="300px" class="img-responsive" src="http://i156.photobucket.com/albums/t20/warjhenz/1000x1000.gif" alt=""> 
           <div class="validitity"><span>Validitity: Forever</span></div> 
          </a> 
        </div>

这将继续并且图像水平呈现

我曾尝试is--

添加单击事件

$('.thumb a').on('click',function(){ 
alert($(this).attr('href')); 
alert($(this).index()); 
});

但指数始终是各1个HREF因为有seprate div的和里面有只锚标记。

来源

2017-03-02 JAVA_RMI

该HTML的一部分将重复最上面的父元素？我在你的例子中只看到一个，你可以放更多，以便我们得到一个完整的图片 –

@SharjeelAhmed上面的div包含一个标签以上的div将重复，并有其他锚标记，等等......见编辑 –

好的好，你想做什么onclick？请提及更多详细信息，我看到人们正在降低你的问题，你需要告诉你想要达到什么效果 –

您需要创建拥有所有的div 您可以创建一个div

<div class="parent> all your divs etc </div>

$('.thumb a').on('click',function(){ 
alert($(this).parentsUntil("thumb").index()); //Here the index will be the clicked index. 
});

来源

2017-03-02 08:27:01

啊谢谢它一些如何帮助我:)谢谢 –

好的请接受答案:) –

问题是你正在使用

<a href="#"></a>

的问题是THA点击事件是a标签和#需要到顶部page.You应始终使用javascript:void(0)。

<a href="javascript:void(0)"></a>

来源

2017-03-02 07:09:33

不，我有网址只是例如在这里我把＃ –

设置下一个和上一个href

回答

相关问题