Question

我有这个清单：

<ul class="titles clearfix">

 <li class="opened">Billing Address</li>
 <li class="">Shipping Address</li>
 <li class="">Review Order</li>

</ul>

还有一个按钮：

<a href="#">Next</a>

我想要做的是，当我点击＆＃34;下一步＆＃34;模拟点击＆＃34;送货地址＆＃34;如果我再次点击模拟点击＆＃34;查看订单＆＃34;。

我试过这个：

    jQuery("a.next-checkout").click(function(){
     jQuery("ul.titles li").click().next(); 
    return false;
    });

但是当我点击它直接进入列表中的最后一个并且我想逐个去。

任何想法我该怎么做？

Answer 1

如果您尝试＆＃34;模拟＆＃34; .trigger()方法应该有用。点击一下。

$('#your-selector').trigger('click');

Answer 2

试试这个：

这正是您需要的。

ansible-playbook site.yaml -b --ask-become-pass -v

此代码段会放大重复点击事件。

$('a.next-checkout').on('click', function () {
    $('.titles li.opened').next().trigger('click');
    return false;
});

Demo

Answer 3

您问题的简单答案。 - 点击＆＃34;下一步＆＃34;模拟点击＆＃34;送货地址＆＃34;如果我再次点击模拟点击＆＃34;查看订单＆＃34;。

<ul class="titles clearfix">

<li class="opened">Billing Address</li>
<li class="s">Shipping Address</li>
<li class="r">Review Order</li>

</ul>

<a href="#">Next</a>


var i = 0;
$("a").click(function(){

  if(i == 0)$("li.r").trigger("click");
  if(i == 1)$("li.s").trigger("click");
  i++;
});

$("li").click(function(){ console.log($(this).text() + " clicked")});

fiddle

Answer 4

要了解这种情况，除了触发li元素的点击之外，您还需要跟踪当前选择的li。下面的代码可能会有所帮助：

var curr;
var first_li=$('li:first', 'ul');;

$("#next").click(function () {

if(!curr)
{
    curr=first_li;
}
else
{
  curr=curr.next('li').length ? curr.next('li') : first_li;
}
curr.trigger('click');
});


$('li').click(function(){
    alert($(this).text());
});

单击另一个时单击元素

4 个答案: