設置下一個和上一個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

回答

相關問題