[問題] JQuery的一些問題
以下是程式碼
question.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="stylesheet/test.css" />
<script src="javascript/test.js" type="text/javascript"></script>
<script src="javascript/jquery-1.7.min.js"
type="text/javascript"></script>
</head>
<body>
<div class="block1">
<ul>
<li class="selected">
<a href="#" style="text-align:left;">商機</a>
</li>
<li>
<a href="#">報價</a>
</li>
<li id="order">
<a href="#">訂單</a>
</li>
<li id="new">
<a href="#">新增</a>
</li>
</ul>
</div>
<div class="block2">
<table class="data" id="abc" border="1">
<tr>
<th>商機名稱</th>
<th>預估營收</th>
<th>負責業務</th>
</tr>
<tr>
<td>甲公司</td>
<td>30000</td>
<td>John</td>
</tr>
<tr>
<td>乙公司</td>
<td>5000</td>
<td>Mary</td>
</tr>
</table>
</div>
<div id="msg">Hello World!!</div>
<input id="btnShow" type="button" value="顯示"/>
<input type="button" value="push" onclick="add()" />
<script>
$("#btnShow").bind("click",function(event){$("#order").hide();});
$("#new").bind("click",function(event){add();});
</script>
</body>
</html>
test.js
$( document ).ready( function(){
alert("sddsf");
});
function add(){
var tab=document.getElementsByTagName("table");
var row=tab[0].insertRow();
var ptr="丙公司"
var td_name=row.insertCell();
td_name.style.textAlign="left";
td_name.innerHTML=ptr;
var td_income=row.insertCell();
td_income.style.textAlign="left";
td_income.innerHTML=20000;
var td_work=row.insertCell();
td_work.style.textAlign="left";
td_work.innerHTML="James";
}
function addd(){
alert("dog");
}
document.writeln("123");
問題1:
$("#btnShow").bind("click",function(event){$("#order").hide();});
$("#new").bind("click",function(event){add();});
這兩行要怎麼移到test.js中才可以順利執行
問題2:
$("#btnShow").bind("click",function(event){$("#order").hide();}); 這個功能我
想要網頁載入就執行,就是把"新增"那個項目隱藏起來,而不是按按鈕才執行,該怎麼做呢
~?
問題3:
$( document ).ready( function(){
alert("sddsf");
});
為什麼這個功能都沒有效果,網頁載入之後都沒有alert出來呢~?
問題4:
新增資料時,"公司丙" 這三個字會變成亂碼0.0 到底要怎麼辦0.0
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 111.253.201.104
推
04/24 01:55, , 1F
04/24 01:55, 1F
推
04/25 00:34, , 2F
04/25 00:34, 2F