html 实例源码

Xebcnor

工程师 (已认证)

原创分享签约作者

发表于实例源码

100

实例源码：

源代码：

执行

执行中...

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 按钮（Button）插件方法</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
	
<h2>点击每个按钮查看方法效果</h2>
<h4>演示 .button('toggle') 方法</h4>
<div id="myButtons1" class="bs-example">
   	<button type="button" class="btn btn-primary">原始</button>
</div>
<h4>演示 .button('loading') 方法</h4>
<div id="myButtons2" class="bs-example">
	<button type="button" class="btn btn-primary" 
			data-loading-text="Loading...">原始
	</button>
</div>
<h4>演示 .button('reset') 方法</h4>
<div id="myButtons3" class="bs-example">
	<button type="button" class="btn btn-primary" 
			data-loading-text="Loading...">原始
	</button>
</div>
<h4>演示 .button(string) 方法</h4>
<button type="button" class="btn btn-primary" id="myButton4" 
   	data-complete-text="Loading finished">请点击我
</button>
<script type="text/javascript">
	$(function () {
		$("#myButtons1 .btn").click(function(){
			$(this).button('toggle');
		});
	});
	$(function() { 
		$("#myButtons2 .btn").click(function(){
			$(this).button('loading').delay(1000).queue(function() {
			});        
		});
	});   
	$(function() { 
		$("#myButtons3 .btn").click(function(){
/**代码未完, 请加载全部代码(NowJava.com).**/

编辑/阅读全部代码

执行结果：

本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。

编辑于 2019-10-10 14:33:452019-10-10 14:33:45

实例源码

实例源码订阅