javascript - 在 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 中 href 的 ID 传递给图像列表。

不幸的是我不能这样做。我尝试了这段代码，但脚本崩溃了。如何将 VALUE 传递给图像列表？

Answer 1

尝试下面的代码，这可能会起作用，但不是一个好的解决方案。

编辑
顺便说一下，正如 Kanishka 提到的那样，以数字开头的 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;
    });
});