Fatal编程技术网

Javascript/Jquery序列不工作

javascript jquery web

Javascript/Jquery序列不工作,javascript,jquery,web,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/

这可能是一个非常基本的问题。这是我第一次尝试在网站上使用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>
我现在只是想测试一下这件事

alert("meh");
var i = 0;
while (i < 16) {

    $('#wrapper').append("<div class="grid"></div>");
    i += 1;
}   

警报（“meh”）；
var i=0；
而（i<16）{
$（'#包装器'）。附加（“”）；
i+=1；
}
我的问题是，如果我删除除alert（）语句之外的所有内容，它就可以正常工作，因此脚本肯定会被加载，但如果我添加其余内容，甚至alert（）都无法工作，这对我来说毫无意义。我试图在页面上创建一个div网格，但目前这有点无关紧要，我只是想弄清楚为什么会出现这种奇怪的行为。最初我打算使用$（document.ready（function（）{}）；但现在我只是想让任何事情都起作用。有人知道这里发生了什么，为什么什么都不起作用？
对于n00b问题，非常抱歉，提前感谢大家的帮助。

警报不依赖于JQuery，因此这不是测试JQuery脚本是否已加载的好方法。如果您使用的是Chrome，请右键单击站点并单击“Inspect element”，然后单击JQuery脚本的src url以查看其加载是否正确。

警报与JQuery无关，因此这不是测试是否加载JQuery脚本的好方法。如果您使用的是Chrome，请右键单击站点并单击“Inspect element”，然后单击JQuery脚本的src url以查看它是否正确加载。

我注意到一些问题

  • while中的最后一行应该是
    i++。这是增加任何
    数字的常用方法。虽然这些评论纠正了我原来的答案，但两者都会这样做
  • 另外，在append中，用单引号将div括起来。看看“网格”是如何变黑的，这意味着你已经关闭了字符串。使用单引号将允许您正确添加该网格类

作为补充说明，比使用while（我甚至不知道javascript有while lol）更常见的模式是for循环

for(var i=0; i < 16; i++){

}

for（变量i=0；i<16；i++）{
}
我不确定这种小规模的性能在
和
之间是否有关系，而
和
对于
来说，但对我来说看起来更干净，正如我之前所说，这是更常见的做法


另一件需要检查的事情是jQuery是否确实正确加载。如果你觉得有什么帮助，请告诉我
 我注意到了一些问题


    

  • while中的最后一行应该是
    i++。这是增加任何
    数字的常用方法。虽然这些评论纠正了我原来的答案，但两者都会这样做
    • 

  • 另外，在append中，用单引号将div括起来。看看“网格”是如何变黑的，这意味着你已经关闭了字符串。使用单引号将允许您正确添加该网格类
    • 


作为补充说明，比使用while（我甚至不知道javascript有while lol）更常见的模式是for循环


for(var i=0; i < 16; i++){

}



for（变量i=0；i<16；i++）{
}


我不确定这种小规模的性能在
和
之间是否有关系，而
和
对于
来说，但对我来说看起来更干净，正如我之前所说，这是更常见的做法


另一件需要检查的事情是jQuery是否确实正确加载。如果你觉得有什么帮助，请告诉我
 您需要在这一行中转义引号或使用单引号



这行不通：


$('#wrapper').append("<div class="grid"></div>"); //<--double quotes not escaped



$('#wrapper').append('<div class='grid'></div>'); //single quotes not escaped



$（'#包装器'）。附加（“”）// 您需要在这一行中转义引号或使用单引号



这行不通：


$('#wrapper').append("<div class="grid"></div>"); //<--double quotes not escaped



$('#wrapper').append('<div class='grid'></div>'); //single quotes not escaped



$（'#包装器'）。附加（“”）//i++和i+=1完全相同。如果有疑问，运行
var i=0；而（i<12）{i+=1；}console.log（“i:+i”）在consoleHey中，感谢您的评论。网格中未转义的引号是一个可怕的错误，我纠正了它们，现在至少出现了alert（）。知道如何检查JQuery是否加载了吗？正如我所说的，脚本现在运行，因为没有更多的语法错误，但是新的div没有像我所希望的那样创建。I++和I+=1完全相同。如果有疑问，运行
var i=0；而（i<12）{i+=1；}console.log（“i:+i”）在consoleHey中，感谢您的评论。网格中未转义的引号是一个可怕的错误，我纠正了它们，现在至少出现了alert（）。知道如何检查JQuery是否加载了吗？正如我所说，脚本现在可以运行了，因为没有更多的语法错误，但是新的div没有像我所希望的那样创建。很酷，谢谢。我的脚本有点问题，div还没有被添加，但是你建议使用DevTools，这让我意识到JS控制台中有错误消息：D。第二组引号没有被转义，这就是它没有运行的原因。警报（）现在出现了，所以至少发生了一些事情。干杯。顺便问一下，如果脚本不加载，我会看到什么？当我检查元件时，没有任何错误。（我使用Iceweasel，但devtools可能与Firefox相同）如果脚本加载不正确，您将看不到任何代码。很酷，谢谢。我的脚本有点问题，div还没有被添加，但是你建议使用DevTools，这让我意识到JS控制台中有错误消息：D。第二组引号没有被转义，这就是它没有运行的原因。警报（）现在出现了，所以至少发生了一些事情。干杯。顺便问一下，如果脚本不加载，我会看到什么？当我检查元件时，没有任何错误。（我使用Iceweasel，但devtools可能与Firefox相同）如果脚本加载不正确，您将看不到任何代码。是的，干杯。这绝对是问题所在。当我发现你在devtools控制台中遇到JS错误时，我意识到我忘了逃避它们。马上。是的，那些开发工具很好。如果我的答案是

$('#wrapper').append('<div class="grid"></div>'); //alternate quotes