click事件第二次点击才有效

[luke_44]

$('#kaidianProcudeList').on('click','li',function(){
            $('#kaidianProcudeList li').toggle(function(){
                $(this).css('background-color','#ccc');
            },function(){
                $(this).css('background-color','#ffffff');
            });
        });

这里的<li>是thinkphp和ajax动态生成的需要on绑定，但是绑定后必须点一次后面才会正常。

<span id="kaidianProcudeList">
                <ul>
                    <volist name="info" id="vo">
                        <li id='li{$vo.id}' onclick='AddOrder("{$vo.id}",this)'> <p>{$vo.title}</p> <span class="price">￥{$vo.price}</span><span>库存:{$vo.stock} </span><span>仓库:0</span> </li>
                    </volist>
                </ul>                
            </span>

[傲雪星枫]

你li里面有这个
onclick='AddOrder("{$vo.id}",this)'

应该把这个调用也写在on的function里面

[傲雪星枫]

$('#kaidianProcudeList').on('click','li',function(){
            AddOrder(this.id,this);
            $('#kaidianProcudeList li').toggle(function(){
                $(this).css('background-color','#ccc');
            },function(){
                $(this).css('background-color','#ffffff');
            });
        });

<span id="kaidianProcudeList">
                <ul>
                    <volist name="info" id="vo">
                        <li id='li{$vo.id}' > <p>{$vo.title}</p> <span class="price">￥{$vo.price}</span><span>库存:{$vo.stock} </span><span>仓库:0</span> </li>
                    </volist>
                </ul>                
            </span>