web实现仅执行一次点击事件

<div class="panel-collapse collapse in" id="collapseE">  
		                    <div class="panel-body">  
		                        <ul class="nav nav-pills nav-stacked">  
		                            <li class="on"><a href="#" onclick="menuClick('vendorlist')">超链1</a></li>  
		                            <li class="on"><a href="#" onclick="menuClick('mobilelist')">超链2</a></li>
		                            <li class="on" ><a id="server" href="#" onclick="menuClick('serverlist')">超链3</a></li>
		                            <li class="on"> <a href="#"  onclick="menuClick('applicationlist')">超链4</a></li>
		                        </ul>  
		                    </div>  
		                </div> 

<script>

  
$(function(){  
    $(".on").one("click",function(){  
    	 var ab=this.innerHTML;
  		$(".breadcrumb").append("<li>"+ab+"</li>");
     
    }) ;  
}) ;  
	
 


</script>

并不是方法只执行一次。而是每个组件执行只一次。此程序中，超链1、超链2、超链3、超链4均可以被点击一次。仅一次!!!