jQuery-獲得numbers1-8而不是0,4,7,9 ..等

感謝您的所有幫助，但我只是想出瞭如何讓它看起來不錯。我從這裏學到了很多東西！jQuery-獲得numbers1-8而不是0,4,7,9 ..等

更新* 所以我就這一個兩個人的代碼相結合......這需要增加去除PIC過程，否則照片是在顯示上的位置。請，我幾乎有：■

因爲我已經設置這個CSS的的IMG，但是當它顯示：沒有，不會的圖片再次顯示，如果我不設置顯示屏則圖片只是不斷增加它在該地區。

display: none; 
.is-active{ 
    display: block; 
    } 


$d 
    .on('click','.accordion .r', (e)=>{ 

    const $targetImgNum = $(e.target).data('target'); 
    console.log($targetImgNum) 
    $('.swing').append('<div class="switch"><img src="images/swing/'+($targetImgNum)+'.jpg" alt=""></div>') 
    });

感謝所有suppots，你的代碼的工作，但只是不能與我的代碼。如果我選擇h3作爲選擇器，它就像div一樣工作嗎？我在想，因爲這是唯一一個不同於你們提供的代碼的地方。

這裏是它我試着做榜樣......

https://jsfiddle.net/99v2gkp3/

的HTML代碼

  <div class="accordion"> 
      <h3 class="r" show-id="img1"></h3> 
       -----content has been deleted cuz it is irrelevant ---------- 
      </div> 
     <div id='swingpic'> 
     <div class="swing"> 
      <div ><img src="images/swing/1.jpg" alt=""></div> 
      <div ><img src="images/swing/4.jpg" alt=""></div> 
      <div ><img src="images/swing/7.jpg" alt=""></div> 
      <div ><img src="images/swing/9.jpg" alt=""></div> 
      <div ><img src="images/swing/13.jpg" alt=""></div> 
      <div ><img src="images/swing/15.jpg" alt=""></div> 
      <div ><img src="images/swing/17.jpg" alt=""></div> 
      <div ><img src="images/swing/19.jpg" alt=""></div> 
     </div> 
     </div> 
    </div>

因爲我從海外來了，請原諒，如果我的語法擾亂你的眼睛。

我想從1-8的數字而不是console.log顯示我喜歡的數字0,4,7,9，..... 我有8 btns，每個顯示一個不同的圖片。這裏提示我的老師給我

$('.btn').click(function(){ 
    $(this).index() 
    console.log(count)}; 
$(".pic").eq(count).fadeIn().siblings().fadeOut()

請！我試着創建一個循環來獲得正確的數字，但我只是不斷失敗。 :(

來源

2017-02-14 Ian Lin

哪裏是你的HTML？ – urbz

其相當長，所以它就像是一個大的div包含兩個div（每個用於圖片s和btns） –

如果你想使用給定的提示，所以你必須添加'btn'類到每個被認爲是按鈕和'pic'類的每個div到每個img標籤。看看這裏https://jsfiddle.net/8qL27cc7/ –

你在找這樣的事情.. http://jsfiddle.net/7xhxq/

$(document).ready(function() { 
    $('.buttontest').click(function() { 
    $(this).parent().find('img.logotest').toggle('slow'); 
    }); 
    });

來源

2017-02-14 10:40:50

你得到了答案？ –

沒有先生，btns列在一邊，圖片顯示在一個確切的位置，所以每次我點擊一個btn只顯示一張圖片。 –

試試這個

function clickHandler(){ 
    var count = $(this).index(); 
    console.log(count); 
    $(".pic").eq(count).fadeIn().siblings().fadeOut(); 
} 

$('.btn').click(clickHandler); 
$('.pic').fadeOut(); // by default hiding all images on load

的Html應該是這樣的

<div class="btn-wrapper"> 
<div class="btn"> 1</div> 
<div class="btn"> 2</div> 
<div class="btn"> 3</div> 
</div> 
<div class="pic-wrapper"> 
    <div class="pic" ><img src="images/swing/1.jpg" alt=""></div> 
    <div class="pic" ><img src="images/swing/4.jpg" alt=""></div> 
    <div class="pic" ><img src="images/swing/7.jpg" alt=""></div> 
</div>

來源

2017-02-14 10:25:15

控制檯在參數列表後面顯示「Uncaught SyntaxError：missing」：S –

如何在這裏鍵入我的HTML代碼？ –

我已更新它，它可能是一些格式問題。 –

jQuery-獲得numbers1-8而不是0,4,7,9 ..等

回答

相關問題