jQueryが新しいブートストラップ・テーブル

私のHTMLを追加することではないjQueryが新しいブートストラップ・テーブル

これらは私が間違ってやっているところを知っているが、私はボタンを追加]をクリックしたときに、それは他のリストを作成していませんでしいけない私のファイルです

<!DOCTYPE html> 
 
<head> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 
 

 
</head> 
 
<body> 
 
    <ol> 
 
    <li> 
 
    </li> 
 
    </ol> 
 
<button id="add">Add</button> 
 
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
 
<script type="text/javascript" src="Project.js"></script> 
 
    
 
</body> 
 
</html>

My JSファイル

$(document).ready(function() { 
 
    $("#add").click(function(){ 
 
     $("ol").append("<li></li>"); 
 
    }); 
 
});

出典

2016-12-10 Ahsan Ali

あなたproject.jsはjQuery synax '$'を使用しますが、あなたのjQueryはproject.js後に含まれていた、あなたのproject.js後jQueryリンクを設置してみてください

<!DOCTYPE html> 
<head> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 

</head> 
<body> 
    <ol> 
    <li> 
    </li> 
    </ol> 
<button id="add">Add</button> 

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
<script type="text/javascript" src="Project.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 

</body> 
</html>

も$('#add')上#記号を使用して追加ボタンを参照

$(document).ready(function() { 
    $("#add").click(function(){ 
     $("ol").append("<li></li>"); 
    }); 
});

https://jsfiddle.net/juw8yujq/2/

出典

2016-12-10 16:49:07

に$（ "追加"）を変更します –

はIDによって要素を選択するには、あなたは、$("#add")のようなIDに記号＃を付加する必要はありませ$("add")

出典

2016-12-10 16:48:32

IDで追加します。おかげであなたは私の命を救う仲間$（ "＃アド"）

$(document).ready(function() { 
 
    $("#add").click(function(){ 
 
     $("ol").append("<li></li>"); 
 
    }); 
 
});

<!DOCTYPE html> 
 
<head> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 
 

 
</head> 
 
<body> 
 
    <ol> 
 
    <li> 
 
    </li> 
 
    </ol> 
 
<button id="add">Add</button> 
 
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
 
    
 
</body> 
 
</html>

出典

2016-12-10 16:54:50

jQueryが新しいブートストラップ・テーブル

答えて

関連する問題