Question

我在jquery问题中非常非常noobie，我正在开发一个使用maximage插件的网站，看起来每个工作都很完美，但我不知道如何点击

链接时点击它，对不起我糟糕的英语。

这是我正在开发的网站。 http://aranasoluciones.com/azulejera/ejemplo-ok.html

并且有js

<script type="text/javascript" charset="utf-8">
$(function(){
$('#maximage').maximage({
cycleOptions: {
fx: 'fade',
speed: 3000, // Has to match the speed for CSS transitions in jQuery.maximage.css (lines 30 - 33)
timeout: 0,
                    prev: '#arrow_left',
                    next: '#arrow_right',


                    },

                onFirstImageLoaded: function(){
                    jQuery('#cycle-loader').hide();
                    jQuery('#maximage').fadeIn(1500);
                    jQuery('.in-slide-content').delay(1200).fadeIn('slow');

                }
            }); 
        });
    $('.toggle').bind('click', function(e){e.preventDefault();
    $('#maximage').cycle('toggle');

});

$("#2").click(function(e) {
    $('#maximage').cycle(1); 
    return false; 
});

 $("#1").click(function(e) {
    $('#maximage').cycle(0); 
    return false; 
});

 $("#3").click(function(e) {
    $('#maximage').cycle(2); 
    return false; 
});




    </script>

请帮助!!!!!我会非常怀孕!!!

Answer 1

如果我使用代码

$("#maximage").cycle(1);

$("#maximage").cycle(2);

明确地在您的网站上使用firebug指定图像被更改。你能否检查一下id为“＃1”，“＃2”的按钮是否定义，为它定义的事件是否正确，是否应在$（function（）{}）中定义click事件的定义;或准备好文件。请检查以下代码。

<script type="text/javascript" charset="utf-8">
$(function(){
$('#maximage').maximage({
cycleOptions: {
fx: 'fade',
speed: 3000, // HastomatchthespeedforCSStransitionsinjQuery.maximage.css(lines 30 - 33)
timeout: 0,
                prev: '#arrow_left',
                next: '#arrow_right',


                },

            onFirstImageLoaded: function(){
                jQuery('#cycle-loader').hide();
                jQuery('#maximage').fadeIn(1500);
                jQuery('.in-slide-content').delay(1200).fadeIn('slow');

            }
        }); 
    });
$('.toggle').bind('click', function(e){e.preventDefault();
$('#maximage').cycle('toggle');
$("#2").click(function(e) {
$('#maximage').cycle(1); 
return false; 
});
$("#1").click(function(e) {
$('#maximage').cycle(0); 
return false; 
});
$("#3").click(function(e) {
$('#maximage').cycle(2); 
return false; 
});
});
</script>

由于

Answer 2

这可以满足您的需求：

$("#nav li a").click(function () {
    $("#nav li a").removeClass("selected"); // OR $("#nav li a").css("background-color");
    this.addClass("selected"); // OR $("#nav li a").css("background-color","#0070ba");
});

但建议您将导航链接id更改为更有意义的内容（而非#1 #2 #3更改为#nav1 #nav2 #nav3）。

HIGHLIGHT <li>点击MAXIMAGE2 </li>

2 个答案: