傳遞變量JS

Question

大師，

首先我的代碼：

的Html

<div class="product_image m2" id="m2"><a href="#" id="10" class='multi2'>test..</a></div> 

JS

$(document).ready(function(){ 

    $("#m2 a").bind("click", function() { 
     var value = $(this).attr('id'); 
     alert(value); 
     return false; 
    }); 


    if ($(".multi2").length > 0){ 

      $(".multi2").yoxview({ 

       cacheImagesInBackground:true, 
       skin: "top_menu", 
       lang: "hu", 

       images: [ 

       { media: { src: 'images/galeria/cella/image01'+value+'.JPG', title: 'Cella hegesztő' }}, 
       { media: { src: 'images/galeria/cella/image015.JPG', title: 'Cella hegesztő' }}, 
       { media: { src: 'images/galeria/cella/image013.JPG', title: 'Cella hegesztő' }}, 


      ] 
      }); 
    } 

}); 

所以。我使用Yoxview。 Multi2類定義圖像，當用戶點擊鏈接（或縮略圖）時，燈箱顯示和幻燈片顯示開始。

每次從JS中定義的第一個圖像開始幻燈片顯示。我想改變這一點，所以我想通過m2 div div中的href id到圖像列表。

不幸的是我不能這樣做。我嘗試這個代碼，但是這個腳本崩潰了。

你能幫助我如何將VALUE傳遞給圖像列表嗎？

謝謝

Answer 1

嘗試下面的代碼，這可能會工作，但不是一個好的解決方案。

編輯
通過的方式迦膩色迦提到其不合法的以數字開頭的ID。您可以將照片ID存儲爲自定義屬性<a href="#"... data-photoid="2" ... />，並使用jquery data()$(this).data('photoid')獲取。

$(document).ready(function(){ 
    $("#m2 a").bind("click", function() { 
     var value = $(this).attr('id'); 
      if(!$(this).data('yoxed')) { 
       $(this).yoxview({ 

        cacheImagesInBackground:true, 
        skin: "top_menu", 
        lang: "hu", 

        images: [ 
         { media: { src: 'images/galeria/cella/image01'+value+'.JPG', title: 'Cella hegeszto' }}, 
         { media: { src: 'images/galeria/cella/image015.JPG', title: 'Cella hegeszto' }}, 
         { media: { src: 'images/galeria/cella/image013.JPG', title: 'Cella hegeszto' }} 
        ] 
        }); 
       $(this).data('yoxed', true).trigger('click'); 
      } 
     } 

     return false; 
    }); 
});