选择后,更改按钮外观

时间:2011-11-25 12:22:40

标签: jquery css button jquery-mobile

我目前正在使用jquery mobile的jcarousel组件。我有两个jcarousel组件。在那里,当从第二个列表中单击某个项目时,页面将刷新并显示适当的数据。用户必须从第一个项目列表中选择一个项目并向前移动到第二个列表。我想突出显示第一个项目列表中的所选按钮。我需要在单击或选中时加载CSS。我该怎么办?此外,css应该只应用于一个按钮。如果取消选择,则应卸载css并显示原始的CSS外观。这有点复杂。但有人可以在这里提出一个想法,如何处理这个问题?如果您需要更多信息,请与我们联系。谢谢你的期待。

此致 BG

1 个答案:

答案 0 :(得分:0)

我认为这可能是一个过长的方法来解决这个问题,但我用它来突出显示jCarousel中的选定图像。我使用了一个名为knockout(http://knockoutjs.com/)的库,并且有一个数据绑定,这样当你点击一个图像时,它删除了对旋转木马上涉及的css类的所有引用,然后将样式添加到轮播中新选择的图片中,红色边框iirc = DI认为如果这是你想要的唯一功能那么我肯定有更好的方法来解决它但是如果你需要其他动态功能,整合淘汰赛和你的jcarousel会给你很多选择。

在写完所有内容后,我认为以上内容对你来说是个糟糕的主意:D

相反,请查看使用itemVisibleInCallback和itemVisibleOutCallback。您可以通过其列表索引在2个方法中添加和删除轮播中元素的css。请查看此链接以获取更多信息:http://mheidzir.wordpress.com/2009/06/25/how-to-highlight-external-controller-for-jcarousel/

祝你好运:)

相关问题