Javascript jquery.cycle隐藏字段更新

Javascript jquery.cycle隐藏字段更新,javascript,jquery,onclick,jquery-cycle,Javascript,Jquery,Onclick,Jquery Cycle,我正在使用jquery.cycle图像查看器 用户单击“下一步”或“上一步”滚动浏览图像 我需要知道显示的图像,并在隐藏的表单字段中更新该值,以便存储用户选择的图像 这是cyle设置: <script type="text/javascript"> $('#s2').cycle({ fx: 'fade', speed: 'normal', timeout: 0, next: '#next2', prev: '#prev2' }); </script

我正在使用jquery.cycle图像查看器

用户单击“下一步”或“上一步”滚动浏览图像

我需要知道显示的图像,并在隐藏的表单字段中更新该值,以便存储用户选择的图像

这是cyle设置:

<script type="text/javascript">
$('#s2').cycle({ 
fx:     'fade', 
speed:  'normal', 
timeout: 0, 
next:   '#next2', 
prev:   '#prev2' 
});
</script>

$('#s2')。循环({
外汇:“淡出”,
速度:“正常”,
超时:0,
下一个:“#next2”,
上一页:“#上一页2”
});
它所做的是从一个列表中显示图像,一次从container div中显示一个图像-例如

<div id="s2" class="pics">
    <img src=http://blah.com/1.JPG>
    <img src=http://blah.com/2.JPG>
    <img src=http://blah.com/3.JPG>
    <img src=http://blah.com/4.JPG>
</div>

<div class="nav">
    <a id="prev2" href="#">Prev</a> <a id="next2" href="#">Next</a>
</div>

是否有一种方法可以在单击时绑定一些可以知道当前图像的内容,然后更新隐藏字段?

您可以找到循环插件选项的参考(或者查看源代码)

我想您需要
after
属性:

$('#s2').cycle({
   ...
   after: function(currSlideElement, nextSlideElement, options, forwardFlag){
    $('input:hidden').val(currSlideElement.val()); //this is probably an object so you'll need to console.log it to see how to get the value     }
});

请注意,我不确定currSlideElement是一个objetc还是一个id,因此只需执行控制台操作。登录它即可查看其属性。

这与我所做的不完全相同,但已将我发送到正确的路径-非常感谢