click事件第二次点击才有效

Question

$('#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>

Answer 1

你li里面有这个
onclick='AddOrder("{$vo.id}",this)'应该把这个调用也写在on的function里面

Answer 2

$('#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>