                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /Avalon探索之旅基礎教程---- 簡單綁定

可以給源碼嗎。

qyy2499760117_葉子

2016-07-19

源自：Avalon探索之旅基礎教程---- 簡單綁定 1-2

關注問題我要回答

1169

操作

收起

2 回答

XiaoBingBy 回答被采納 +3 積分
2016-07-24

老師沒給源代碼哦自己寫吧

0 回復有任何疑惑可以回復我~

收起回答

qyy2499760117_葉子提問者

非常感謝！

2016-07-25 回復有任何疑惑可以回復我~

ThinkSummer
2017-06-07

太簡單了，這還需要源碼么

<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8"?/>
<meta?http-equiv="X-UA-Compatible"?content="IE=edge"?/>
<meta?name="viewport"?content="width=device-width,?initial-scale=1"?/>
<title>demo-jQuery</title>
<link?href="./../../_libs/bootstrap/css/bootstrap.css"?rel="stylesheet">
<link?href="./../../_libs/animate/animate.css"?rel="stylesheet">
</head>
<body>
<div>
<div>
<div>
<form?action=""?id="todoForm">
<lable?for="">將下面輸入的文字放入todo?list中!</lable>
<input?type="text"?id="todoInput">
</form>
<p?id="todoCount"></p>
<ol?id="todoList"></ol>
</div>
</div>
</div>

<script?src="./../../_libs/jQuery/jquery-3.1.0.js"></script>
<script?src="./../../_libs/jQuery/jquery-migrate-3.0.0.js"></script>
<script?src="./../../_libs/bootstrap/js/bootstrap.js"></script>
<!--?<script?src="https://cdn.bootcss.com/angular.js/2.0.0-beta.17/angular2-all-testing.umd.dev.js"></script>?-->
<script>
$(function(){
let?$todoForm?=?$('#todoForm');
let?$todoInput?=?$('#todoInput');
let?$todoList?=?$('#todoList');
let?$todoCount?=?$('#todoCount');

$todoForm.on('submit',?function(e)?{
e.preventDefault();
let?input_value?=?$todoInput.val();
console.log(input_value);
$todoList.append('<li>'?+input_value+?'&nbsp;<a?href="javascript:;">X</a></li>');
$todoInput.val('');
get_total();
});
$todoList.on('click',?'.todoDelete',?function(e)?{
//?這里是事件代理
e.preventDefault();
$(this).parent().remove();
get_total();
});

function?get_total()?{
let?len?=?$todoList.children('li').length;
$todoCount.html(len?>?0???'現有'?+len+?'項?todo?list;'?:?'');
}
});
</script>
</body>
</html>

0 回復有任何疑惑可以回復我~

收起回答