bad*_*400 0 javascript jquery web
这可能是一个非常基本的问题.这是我第一次尝试在网站上使用JQuery.这是标记.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
<script type="text/javascript" src="js/jquery1.11.1.js"></script>
<script type="text/javascript" src="js/etchy.js"></script>
</head>
<body>
<div id="wrapper">
<div class="grid"></div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我现在只想试试这件事.
alert("meh");
var i = 0;
while (i < 16) {
$('#wrapper').append("<div class="grid"></div>");
i += 1;
}
Run Code Online (Sandbox Code Playgroud)
我的问题是,如果我删除除alert()语句之外的所有内容,它工作正常,所以脚本肯定会加载,但如果我添加其余的甚至不再是alert()工作,这只是不做任何对我有意义.我试图在页面上创建一个div网格,但这一点有点无关紧要,我只是想弄清楚为什么这个奇怪的行为.最初我打算使用$(document).ready(function(){}); 但现在我只想努力工作.任何人都知道这里发生了什么,为什么没有任何工作?对不起n00b问题,感谢您提前帮助.
您需要在此行中转义引号或使用单引号 $('#wrapper').append("<div class="grid"></div>");
这不起作用:
$('#wrapper').append("<div class="grid"></div>"); //<--double quotes not escaped
Run Code Online (Sandbox Code Playgroud)
这将有效:
$('#wrapper').append("<div class=\"grid\"></div>"); //<--escaped
Run Code Online (Sandbox Code Playgroud)
这将有效:
$('#wrapper').append("<div class='grid'></div>"); //<--alternate quotes
Run Code Online (Sandbox Code Playgroud)
这不起作用:
$('#wrapper').append('<div class='grid'></div>'); //single quotes not escaped
Run Code Online (Sandbox Code Playgroud)
这将有效:
$('#wrapper').append('<div class=\'grid\'></div>'); //single quotes escaped
Run Code Online (Sandbox Code Playgroud)
这将有效:
$('#wrapper').append('<div class="grid"></div>'); //alternate quotes
Run Code Online (Sandbox Code Playgroud)
这是一个小提琴.