Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/list/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery jCarousel-禁用外部控件_Jquery_List_Jcarousel_Carousel - Fatal编程技术网

JQuery jCarousel-禁用外部控件

JQuery jCarousel-禁用外部控件,jquery,list,jcarousel,carousel,Jquery,List,Jcarousel,Carousel,我使用JQuery和jcarousel,使用外部导航控件: 这里的问题是导航按钮不再禁用,如下所示: sorgalla.com/projects/jcarousel/examples/static_simple.html 是否有一个回调允许我将按钮的活动图像与非活动图像交换?已更新 演示:来源: 作为对您上次评论的回应: 您需要的所有代码(包括CSS)都在源代码中,我已经对其进行了注释,以便您轻松查看 function disableCustomButtons(carousel){

我使用JQuery和jcarousel,使用外部导航控件:

这里的问题是导航按钮不再禁用,如下所示:

sorgalla.com/projects/jcarousel/examples/static_simple.html


是否有一个回调允许我将按钮的活动图像与非活动图像交换?

已更新

演示:来源:

作为对您上次评论的回应:

您需要的所有代码(包括CSS)都在源代码中,我已经对其进行了注释,以便您轻松查看

function disableCustomButtons(carousel){

    var prev_class = 'jcarousel-prev-disabled jcarousel-prev-disabled-horizontal';
    if (carousel.first == 1) {
    $('#mycarousel-prev').attr('disabled', 'true').addClass(prev_class);
    } else {
    $('#mycarousel-prev').attr('disabled', 'false').removeClass(prev_class);
    }

    var next_class = 'jcarousel-next-disabled jcarousel-next-disabled-horizontal';
    if (carousel.last == carousel.size()) {
    $('#mycarousel-next').attr('disabled', 'true').addClass(next_class);
    } else {
    $('#mycarousel-next').attr('disabled', 'false').removeClass(next_class);
    }

}

演示:

来源

tweek包括向您自己的
NEXT
PREV
按钮添加适当的类,如下所示:

<a class="jcarousel-prev jcarousel-prev-horizontal" href="#">&nbsp;</a>

<a class="jcarousel-next jcarousel-next-horizontal" href="#">&nbsp;</a>

这应该是预期的工作!但只要看看演示,你就明白了,我已经评论了重要的部分

更新

演示:来源:

作为对您上次评论的回应:

您需要的所有代码(包括CSS)都在源代码中,我已经对其进行了注释,以便您轻松查看

function disableCustomButtons(carousel){

    var prev_class = 'jcarousel-prev-disabled jcarousel-prev-disabled-horizontal';
    if (carousel.first == 1) {
    $('#mycarousel-prev').attr('disabled', 'true').addClass(prev_class);
    } else {
    $('#mycarousel-prev').attr('disabled', 'false').removeClass(prev_class);
    }

    var next_class = 'jcarousel-next-disabled jcarousel-next-disabled-horizontal';
    if (carousel.last == carousel.size()) {
    $('#mycarousel-next').attr('disabled', 'true').addClass(next_class);
    } else {
    $('#mycarousel-next').attr('disabled', 'false').removeClass(next_class);
    }

}

演示:

来源

tweek包括向您自己的
NEXT
PREV
按钮添加适当的类,如下所示:

<a class="jcarousel-prev jcarousel-prev-horizontal" href="#">&nbsp;</a>

<a class="jcarousel-next jcarousel-next-horizontal" href="#">&nbsp;</a>

这应该是预期的工作!但只要看看演示,你就明白了,我已经评论了重要的部分

奇怪的是,我试图添加一条评论,但没有成功。我会再试一次。。。我了解如何禁用内置导航按钮以及如何使用外部控件,即列表之外的控件。然而,以他们的例子来说,控件只是一个超链接。我希望保留内置按钮的图像按钮导航,包括其功能,即在开始和结束时更改为禁用(灰显)图像。然而,我需要在列表之外做这件事——因此需要外部控制。真的很痛苦,有没有办法让下一个和上一个按钮在mycarousel div之外?我的想法是我有一个内容div,在顶部分为一个标题div,然后在下面分为一个内容div。我希望控件位于title div(右对齐)和content div中的carousel中。目前,控件仅在嵌套在mycarousel div中时才起作用。作为一种解决方法,我已将mycarousel和wrap div放置在我自己的div容器之外。它需要相当多的css修改,但最终的结果看起来正是我想要的:)奇怪的是,我试图添加一条评论,但它没有工作。我会再试一次。。。我了解如何禁用内置导航按钮以及如何使用外部控件,即列表之外的控件。然而,以他们的例子来说,控件只是一个超链接。我希望保留内置按钮的图像按钮导航,包括其功能,即在开始和结束时更改为禁用(灰显)图像。然而,我需要在列表之外做这件事——因此需要外部控制。真的很痛苦,有没有办法让下一个和上一个按钮在mycarousel div之外?我的想法是我有一个内容div,在顶部分为一个标题div,然后在下面分为一个内容div。我希望控件位于title div(右对齐)和content div中的carousel中。目前,控件仅在嵌套在mycarousel div中时才起作用。作为一种解决方法,我已将mycarousel和wrap div放置在我自己的div容器之外。它需要相当多的css修改,但最终结果看起来正是我想要的:)