将list-value传递给jQuery单击函数

Question

我有一个可以改变背景图像的小写js脚本。您可以通过

解决

$(document).ready(function(){ 
$("#test").click(function(){
   api.goTo(5); // this will call background slide no. 5
});
});
// this ahref will call the jQuery click handler and swap the background
<a href="javascript:;" id="test" name="test">Test</a>

我需要一种方法来动态地告诉第一个脚本它必须交换的页面。另一个脚本以这种方式提供列表结构：

<ul class="myclass" id="slider">
    <li jcarousel-page="1" class="active"><a href="javascript:void(0)"><span>1</span></a></li>
    <li jcarousel-page="2"><a href="javascript:void(0)"><span>2</span></a></li>
</ul>

我最终试图得到的是，如果你点击列表项2，那么应该告诉第一个脚本“api.goTo（2）”改为背景2 ......

我知道jQuery中有一个事件处理函数。但我真的不知道如何将点击的列表项的数量传递给jQuery.click处理程序......

感谢您的帮助！ 塞巴斯蒂安

Answer 1

$('li[jcarousel-page]').click(function() {
    api.goTo($(this).attr('jcarousel-page'));
});