jsFiddle正确显示，但一旦本地运行不起作用（Javascript） [英] jsFiddle displaying properly, but once ran locally doesn't work (Javascript)
本文介绍了jsFiddle正确显示，但一旦本地运行不起作用（Javascript）的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我的代码可以在jsFiddle中运行，但是一旦你在本地运行它，它就无法运行。
导致此代码工作的原因是jsFiddle，但不是本地的？本地代码只不过是jsFiddle中精确的复制和粘贴。
干杯！
代码在本地运行：
<！DOCTYPE html PUBLIC - // W3C // DTD XHTML 1.0 Transitional // EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
< html xmlns =http://www.w3.org/1999/xhtml>
< head>
< meta http-equiv =Content-Typecontent =text / html; charset = utf-8/>
< title> Blob.net< / title>
< style>
#container {
background-color：#CCC;
margin-top：100px;
margin-right：auto;
margin-bottom：100px;
margin-left：auto;
width：1200px;
height：auto;
box-shadow：0px 0px 10px 2px rgba（119，119，119，0.75）;
-moz-box-shadow：0px 0px 10px 2px rgba（119，119，119，0.75）;
-webkit-box-shadow：0px 0px 10px 2px rgba（119，119，119，0.75）;
}
/ * HEADER CSS * /
#header {
width：100％;
height：75px;
背景颜色：＃FC6;
padding-top：2px;
padding-bottom：10px;
}
#header_text h1 {
font-family：Arial Black，Gadget，sans-serif;
保证金余额：32％;
}
/ * CONTENT CSS * /
#left {
width：800px;
height：auto;
背景颜色：＃CF9;
float：left;
}
#left_inside {
padding-left：15px;
padding-right：15px;
margin-bottom：30px;
}
#left p {
font-family：Trebuchet MS，Arial，Helvetica，sans-serif;
}
/ * SIDEBAR CSS * /
#right {
width：400px;
height：auto;
背景颜色：＃6CF;
float：right;
}
.elements {
border：1px solid＃000;
height：auto;
width：400px;
min-height：180px;
}
/ * NAV BAR STYLES * /
#right ul {
list-style-type：none;
保证金余额：25％;
}
#right ul li {
margin-top：30px;
}
#right ul li a：link {
text-decoration：none;
font-family：Trebuchet MS，Arial，Helvetica，sans-serif;
font-size：18px;
颜色：＃000;
}
#right ul li a：hover {
color：#CCC;
}
/ * ROWS * /
.row1 {
background-color：＃930;
}
.row2 {
background-color：＃633;
}
.row3 {
background-color：＃C66;
}
.row4 {
background-color：＃96F;
}
.row5 {
background-color：＃FF0;
}
/ * END SIDEBAR CSS * /
.clear {
clear：both;
}
/ *使侧杆STICKY * /
.stick {
position：fixed;
bottom：0;
}
< / style>
< script src =http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js>< / script>
< script>
var initialpos = $（'＃right'）。offset（）;
$（'＃container'）。css（'max-height'，$（'＃container'）。height（）+'px'）
var set = 0;
$（window）.scroll（function（e）{
var currPos = document.getElementById（'right'）。getBoundingClientRect（）;
var windowScrolled = $（window）.scrollTop（）;
var containerBottom = $（'＃container'）。height（）+ $（'＃container'）。offset（）。top; $ b $如果（windowScrolled> initialpos.top& amp; amp; window;>< window var> windowScrolledafterRight = $（window）.scrollTop（）+ $（'＃right'）。height（）;
。 & containerBottom> windowScrolledafterRight）{
$（'＃right'）。css（{'margin-top'：$（window）.scrollTop（） - initialpos.top}） ;
set = 1;
}
if（containerBottom< windowScrolledafterRight）
{
$（'＃right'）。css （{'margin-top'：$（'＃container'）。height（） - $（'＃header'）。height（） - 10 - $（'＃right'）。height（）}）;
$ b if（windowScrolled< initialpos.top）
{
$（'＃right'）。css（{'margin-顶部'：'0'}）;
}
}）
< / script>
< / head>
< body>
<！ - 主容器 - >
< div id =container>
<！ - HEADER - >
< div id =header>
< div id =header_text>
< h1>这是一个奇特的标题< / h1>
< / div>
< / div>
<！ - END HEADER - >
<！ - 主要内容 - >
< div id =left>
< div id =left_inside>
< p> +1从字面上定制seitan时尚ax复古符号。 Neutra牧草裁缝，XOXO Shoreditch cornhole蓝瓶。猪肚韦斯安德森自行车维权sriracha单产咖啡独角鲸。 Shoreditch kogi Helvetica独角鲸Terry Richardson。美国服装帕格banh mi salvia DIY，场景破旧别致的自拍布鲁克林。 8位iPhone乙烯基，正品哈巴狗后讽刺占领工艺啤酒苦涩猪肚胡子早午餐。可持续的下一级民族美食酒吧Bushwick胡子手提袋标签，伦理符号学大师清洁。< / p>< p> Chia您可能还没有听说过他们的指套无麸质PBR& B。 YOLO Pinterest五花肉，低碳马尔法古可持续。屠夫不对称丹参定制，小批量单一来源咖啡慢碳水化合物locavore照相亭。低温VHS salvia 3狼月亮赃物班卓琴。伦敦salvia iPhone，弹出你可能没有听说过他们kogi keytar屠夫苦味九十年代。凸版chillwave滑板宝丽来，复古fixie sriracha Pinterest Marfa之前，他们卖完牛仔短裤ennui。 Paleo mlkshk lo-fi，XOXO之前他们卖出了fixie鱿鱼四个loko复古。< / p>< p> XOXO刺青五花肉meh。 Mumblecore时尚斧狼，合成Shoreditch Thundercats寒颤你可能还没有听说过他们的复杂回荡公园独角鲸。有机宝丽来威廉斯堡玛法大师清洗。 Neutra seitan chillwave，酿酒厂无麸质正宗ennui字面上讽刺twee食品卡车布鲁克林。蓬乱的iPhone年，胡子hella VHS 3狼月亮8位。 Gentrify Marfa Banksy，有机媚俗pug高生活直接贸易lomo cornhole屠夫倾吐PBR病毒苦味。可持续的饮用醋合成器，freegan fingerstache banjo PBR直接贸易的Cosby毛衣。< / p>< p> Truffaut Marfa locavore Carles。道德纹身屁股包mumblecore，深v混音合成器。美食酒吧8位keytar陈词滥调mi。灵活的蓬乱场景破坏，干草叉出售之前mlkshk纹身。素食主义者twee mlkshk合成器宝丽来特里理查森后讽刺，博客知识分子主清洁丹维姆mumblecore stumptown戈达尔。正品手提包3狼月亮twee，年sw k羽衣甘蓝芯片符号+1 +1四个loko。 Cray Cosby毛衣从农场到餐桌，seitan字面上的dreamcatcher fixie威廉斯堡kogi屋顶派对umami + 1.< / p>< p>大师清洁salvia fap，裁缝Helvetica banh mi Marfa字面上是Bushwick。 Mixtape PBR腌制波特兰年，饮用醋可持续下一级手提袋。下一级场景PBR& B，鱿鱼cornhole Thundercats绒布+1小批量古老符号连帽衫。无论iPhone 8位，XOXO马尔法羊毛衫手提袋自行车维权打字机肖迪奇赃物知识产权寒潮狼草料。符号学萨尔维亚羊毛衫你可能还没有听说过他们的屠夫马尔法·卡尔斯。街头艺术Pinterest生物柴油flexitarian，照相亭3狼月亮艺术派对副回声公园羽衣甘蓝芯片哈巴狗。 < / p>< p>破旧别致的locavore屁股包裹饲料早午餐乙烯基五花肉。定制霹雳猫fixie倒，宝丽来酒厂审美大师清洗。帕格早午餐腌制keytar Tumblr，信托基金豆腐cornhole Helvetica媚俗fixie尝试农场到餐桌正宗。 YOLO Pitchfork深V定制mumblecore羊毛衫。 Banh mi pickled美学，Tonx lomo selfies Carles符号学布什维克。酒厂紧身裤纹身五花肉，stumptown Etsy selfies信托基金生物柴油帽衫独角鲸四洛科丹参。 < / p> Sartorial布鲁克林生物柴油，奎奴亚藜pug locavore fashion ax PBR& B在他们卖掉连帽衫之前。 Chia Terry Richardson的自行车权利，现成手指捉捉迷藏Cosby毛衣90年代占领Odd Future猪肚。屋顶派对gentrify病毒艺术派对，直接贸易屠夫单产咖啡蓬乱sriracha。紧身裤Etsy深V，鱿鱼dreamcatcher iPhone twee Helvetica Pinterest波特兰帽衫布鲁克林街头艺术Carles。嘉食品卡车屋顶派对紧身裤下一级，时尚斧头奥斯汀可持续四个Loko。纹身青年布丁Tumblr，keffiyeh精酿啤酒尝试威廉斯堡活版印刷Terry Richardson民族鲜味。博客教堂关键之前，他们卖掉了生物柴油，精酿啤酒Truffaut扰乱直接交易年乙烯丹那尔。< / p>< p> Locavore下一级Tumblr奥斯汀dreamcatcher民族副，你可能没有听说过他们Bushwick波特兰8位有机独角鲸XOXO。 VHS不对称keytar小批量，布鲁克林克雷刺青swag开衫正宗酒厂定制特里理查森五花肉。 PBR YOLO wayfarers格子食品卡车hella独角鲸深v，lo-fi meggings selvage fap Carles Photo booth直接交易。 Fap韦斯安德森dreamcatcher卡尔斯。珍妮短裤美学威廉斯堡连帽衫腌制freegan，班卓乔fap Banksy Shoreditch时尚斧占领法兰绒meh复古。 3狼月奇怪的未来ennui，蓬乱迈克尔Carles PBR。 Chambray照片展位符号学家Terry Richardson街头艺术，Meh Echo Park无论喝什么醋。< / p>< p>农场到餐桌单一来源的咖啡派对，可持续的宝丽来指尖酒厂的复古斜挎包。帕格缝边twee，病毒性美国服装Echo Park复仇lomo。美国服装Cosby毛衣Thundercats sriracha locavore拍照，手工屋顶派对cred哈希标签单原产咖啡。 Mixtape藜麦屠夫，PBR& B信托基金90年代的美国服装sriracha符号学信誉倾倒霹雳猫3狼月亮。 Freegan不对称纹身信托基金下一级尝试。把一只鸟放在它上面博客自行车权利连帽衫海拉街头艺术，sw dream dreamcatcher twee弹出。 < / p>< p>食品卡车Blue Bottle hella post-ironic，messenger bag素食主义者mumblecore Etsy meh信托基金符号学字面意思Truffaut Intelligentsia道德规范。民族布什威克屠夫豆腐，纹身手提袋道德威廉斯堡破旧别致字面教会关键倾倒keffiyeh副。 Cray PBR& B弹出Blue Bottle时尚斧头，主净化单一来源咖啡边。 Lomo Truffaut四个loko，kogi chambray Etsy族seitan滑板Shoreditch hella占据。 90年代的五花肉Truffaut wayfarers，cray banh mi萨尔维亚年工艺啤酒布鲁克林赃物纹身倾吐帕格蓝瓶。打字机从字面上看起来就像是符号学，keytar裁缝的胡须不对称的自拍。 < / p>< p> Helvetica kitsch 3狼月奇怪的未来有机食品卡车Terry Richardson fixie破旧别致的小批量四件Loko连帽衫YOLO草料。 XOXO连帽衫有机，Bushwick banh mi cray Tonx sceneter深V打字机ennui苦涩屁股包装艺术派对屠夫。赃物符号学美学豆腐尝试。连帽食品卡车法兰绒教堂钥匙，下一级尝试+ +1美学wayfarers嘉实际上keffiyeh Neutra纹身。 Kogi苦苦熬过Pinterest。干草叉四个loko banh mi lomo喝醋艺术派对，iPhone屋顶派对生牛仔回声公园kogi 90年代不对称。真正的民族苦涩，开襟羊毛衫宝丽来DIY自己的PBR& B布鲁克林ennui街头艺术。< / p>< p>食物卡车chia 3狼月亮手指鲜味。斜挎包媚俗艺术派对，Banksy威廉斯堡玉米草料戈达尔复古Cosby毛衣Cray牛仔短裤Neutra。 Lo-fi mlkshk美食酒吧，屁股纹身Banksy在他们卖完PBR之前。深V手提袋mumblecore，艺术派对符号学Thundercats twee 90的荣誉Etsy你可能没有听说过他们。宝丽来食品卡车banh米，陈词滥调YOLO DIY素食呃。工艺啤酒freegan素食主义者，chambray定制mlkshk打字机hella lo-fi dreamcatcher霹雳猫破旧别致mumblecore。 Banx mi XOXO回声公园Locavore，Tonx Terry Richardson五花ke ke手提包时尚斧头iPhone。< / p>< p> Banjo umami直接贸易讽刺，猪肚鱿鱼cornhole 8位破旧别致的Etsy。 DIY副蓬乱的羽衣甘蓝芯片高生活。 Lomo PBR宝丽来Tonx，不管Marfa VHS chia街头艺术。 Paleo认为你可能没有听说过他们，信使包Helvetica会扰乱+1。道德教会钥匙自行车维权，开襟寒波信使包。无麸质屋顶聚会kogi指套fixie freegan。 < / p>< p>腌制布鲁克林chia，chillwave fanny pack wayfarers豆腐不对称。街头艺术mlkshk法兰绒，单产咖啡PBR& B符号学五花肉High Life butcher PBR chambray kogi freegan farm-to-table。韦斯安德森乙烯球衣民族伦理，8位cornhole鲜味hella fap不对称。 Neutra连帽衫斜挎包PBR& B。艺术派对下一级小批量活版印刷，iPhone连帽衫dreamcatcher mlkshk任何腌渍弹出。倾吐生物柴油高品质，克雷蓝瓶干草叉YOLO。 Chia dreamcatcher lo-fi Schlitz，gentrify sceneter豆腐布鲁克林。< / p>
< / div>
< / div>
<！ - 结束主要内容 - >
<！ - SIDEBAR - >
< div id =right>
< div id =anchor>
< div class =elements row1>
< ul>
< li>< a href =＃>主页< / a>< / li>
< li>< a href =＃>关于< / a>< / li>
< li>< a href =＃>联络我们< / a>< / li>
< li>< a href =＃>照片< / a>< / li>
< / ul>
< / div>
< div class =elements row2>
< / div>
< div class =elements row3>
< / div>
< div class =elements row4>
< / div>
< div class =elements row5>
< / div>
< / div>
< / div>
<！ - END SIDEBAR - >
< div class =clear>< / div>
< / div><！ - END MAIN CONTAINER - >
< / body>
< / html>
解决方案
在尝试之前，您必须确保元素存在选择它们。您可以采用以下三种方法之一：
将代码包含在它所指向的元素之后（通常在关闭body标签之前）
$（document）.ready（function（）{...}）让您的代码在DOMContentLoaded事件之后执行
$（window）.load（function（）{...}）让代码在所有资源完全加载后执行称为窗口加载事件）
I have code that works in jsFiddle, but once you run it locally, it doesn't work.
What is causing this code to work is jsFiddle, but not locally? The local code is nothing more than an exact copy and paste of what is in jsFiddle.
Cheers!
Code being ran locally:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blob.net</title>
<style>
#container {
background-color:#CCC;
margin-top: 100px;
margin-right: auto;
margin-bottom: 100px;
margin-left: auto;
width: 1200px;
height: auto;
box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
}
/* HEADER CSS */
#header {
width: 100%;
height: 75px;
background-color: #FC6;
padding-top: 2px;
padding-bottom: 10px;
}
#header_text h1{
font-family: "Arial Black", Gadget, sans-serif;
margin-left: 32%;
}
/* CONTENT CSS */
#left {
width: 800px;
height: auto;
background-color: #CF9;
float: left;
}
#left_inside {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
#left p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* SIDEBAR CSS */
#right {
width: 400px;
height: auto;
background-color:#6CF;
float: right;
}
.elements {
border: 1px solid #000;
height: auto;
width: 400px;
min-height: 180px;
}
/* NAV BAR STYLES */
#right ul {
list-style-type: none;
margin-left: 25%;
}
#right ul li{
margin-top: 30px;
}
#right ul li a:link{
text-decoration: none;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000;
}
#right ul li a:hover{
color: #CCC;
}
/* ROWS */
.row1 {
background-color:#930;
}
.row2 {
background-color: #633;
}
.row3 {
background-color: #C66;
}
.row4 {
background-color: #96F;
}
.row5 {
background-color: #FF0;
}
/* END SIDEBAR CSS */
.clear {
clear: both;
}
/* MAKE SIDE BAR STICKY*/
.stick {
position: fixed;
bottom: 0;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
var initialpos=$('#right').offset();
$('#container').css('max-height',$('#container').height()+'px')
var set=0;
$(window).scroll(function(e){
var currPos=document.getElementById('right').getBoundingClientRect();
var windowScrolled=$(window).scrollTop();
var containerBottom=$('#container').height()+$('#container').offset().top;
var windowScrolledafterRight = $(window).scrollTop()+$('#right').height();
if(windowScrolled>initialpos.top && containerBottom>windowScrolledafterRight){
$('#right').css({'margin-top':$(window).scrollTop()-initialpos.top});
set=1;
}
if(containerBottom<windowScrolledafterRight)
{
$('#right').css({'margin-top':$('#container').height()- $('#header').height()-10-$('#right').height()});
}
if(windowScrolled<initialpos.top)
{
$('#right').css({'margin-top':'0'});
}
})
</script>
</head>
<body>
<!-- MAIN CONTAINER -->
<div id="container">
<!-- HEADER -->
<div id="header">
<div id="header_text">
<h1>This is a fancy header</h1>
</div>
</div>
<!-- END HEADER -->
<!-- MAIN CONTENT -->
<div id="left">
<div id="left_inside">
<p>+1 literally bespoke seitan fashion axe retro semiotics. Neutra forage sartorial, XOXO Shoreditch cornhole Blue Bottle. Pork belly Wes Anderson bicycle rights sriracha single-origin coffee narwhal. Shoreditch kogi Helvetica narwhal authentic Terry Richardson. American Apparel pug banh mi salvia DIY, scenester shabby chic selfies Brooklyn. 8-bit iPhone vinyl, authentic pug post-ironic occupy craft beer bitters pork belly mustache brunch. Sustainable next level ethnic gastropub Bushwick beard tote bag hashtag, ethical semiotics master cleanse.</p><p>Chia you probably haven't heard of them fingerstache gluten-free PBR&B. YOLO Pinterest pork belly, slow-carb Marfa paleo sustainable. Butcher asymmetrical salvia bespoke, small batch single-origin coffee slow-carb locavore photo booth. Lo-fi VHS salvia 3 wolf moon swag banjo. Ethical salvia iPhone, pop-up you probably haven't heard of them kogi keytar butcher bitters 90's. Letterpress chillwave skateboard polaroid, retro fixie sriracha Pinterest Marfa before they sold out jean shorts ennui. Paleo mlkshk lo-fi, XOXO before they sold out fixie squid four loko retro.</p><p>XOXO tattooed pork belly meh. Mumblecore fashion axe wolf, synth Shoreditch Thundercats chillwave you probably haven't heard of them meggings Echo Park narwhal. Organic polaroid Williamsburg Marfa master cleanse. Neutra seitan chillwave, distillery gluten-free authentic ennui literally irony twee food truck Brooklyn. Tousled iPhone yr, mustache hella VHS 3 wolf moon 8-bit. Gentrify Marfa Banksy, organic kitsch pug High Life direct trade lomo cornhole butcher pour-over PBR viral bitters. Sustainable actually drinking vinegar synth, freegan fingerstache banjo PBR direct trade Cosby sweater.</p><p>Truffaut Marfa locavore Carles. Ethical tattooed fanny pack mumblecore, deep v mixtape synth. Gastropub 8-bit keytar cliche banh mi. Flexitarian tousled scenester disrupt, Pitchfork before they sold out mlkshk tattooed. Vegan twee mlkshk synth polaroid Terry Richardson post-ironic, blog Intelligentsia master cleanse salvia mumblecore stumptown Godard. Authentic tote bag 3 wolf moon twee, yr swag kale chips semiotics +1 four loko. Cray Cosby sweater farm-to-table, seitan literally dreamcatcher fixie Williamsburg kogi roof party umami +1.</p><p>Master cleanse salvia fap, sartorial Helvetica banh mi Marfa literally Bushwick. Mixtape PBR pickled Portland yr, drinking vinegar sustainable next level tote bag. Next level scenester PBR&B, squid cornhole Thundercats flannel +1 small batch cliche paleo semiotics hoodie. Whatever iPhone 8-bit, XOXO Marfa cardigan tote bag bicycle rights typewriter Shoreditch swag Intelligentsia chillwave wolf forage. Semiotics salvia cardigan you probably haven't heard of them butcher Marfa Carles. Street art Pinterest biodiesel flexitarian, photo booth 3 wolf moon art party Vice Echo Park kale chips pug. Lo-fi yr plaid Shoreditch, fixie mustache squid.</p><p>Shabby chic locavore fanny pack forage brunch vinyl pork belly. Bespoke Thundercats fixie pour-over, polaroid distillery aesthetic master cleanse. Pug brunch pickled keytar Tumblr, trust fund tofu cornhole Helvetica kitsch fixie try-hard farm-to-table authentic. YOLO Pitchfork deep v bespoke mumblecore cardigan. Banh mi pickled aesthetic, Tonx lomo selfies Carles semiotics Bushwick. Distillery leggings tattooed pork belly, stumptown Etsy selfies trust fund biodiesel hoodie narwhal four loko salvia. Gluten-free 3 wolf moon cliche, drinking vinegar Brooklyn plaid Portland.</p><p>Sartorial Brooklyn biodiesel, quinoa pug locavore fashion axe PBR&B before they sold out hoodie. Chia Terry Richardson bicycle rights, readymade fingerstache dreamcatcher Cosby sweater 90's occupy Odd Future pork belly. Roof party gentrify viral cred art party, direct trade butcher single-origin coffee tousled sriracha. Leggings Etsy deep v, squid dreamcatcher iPhone twee Helvetica Pinterest Portland hoodie Brooklyn street art Carles. Chia food truck roof party leggings next level, fashion axe Austin sustainable four loko. Tattooed chambray Tumblr, keffiyeh craft beer try-hard Williamsburg letterpress Terry Richardson ethnic umami. Blog church-key before they sold out biodiesel, craft beer Truffaut disrupt direct trade yr vinyl salvia.</p><p>Locavore next level Tumblr Austin dreamcatcher ethnic Vice, hashtag you probably haven't heard of them Bushwick Portland 8-bit organic narwhal XOXO. VHS asymmetrical keytar small batch, Brooklyn cray tattooed swag cardigan authentic distillery bespoke Terry Richardson pork belly. PBR YOLO wayfarers plaid food truck hella narwhal deep v, lo-fi meggings selvage fap Carles photo booth direct trade. Fap Wes Anderson dreamcatcher Carles. Jean shorts aesthetic Williamsburg hoodie pickled freegan, banjo fap Banksy Shoreditch fashion axe occupy flannel meh retro. 3 wolf moon Odd Future ennui, tousled meggings Carles PBR. Chambray photo booth semiotics Terry Richardson street art, meh Echo Park whatever drinking vinegar.</p><p>Farm-to-table single-origin coffee scenester, sustainable polaroid fingerstache distillery retro messenger bag. Pug sartorial twee, viral American Apparel Echo Park meggings lomo. American Apparel Cosby sweater Thundercats sriracha locavore selfies, artisan roof party cred hashtag single-origin coffee. Mixtape quinoa butcher, PBR&B trust fund 90's American Apparel sriracha semiotics cred pour-over Thundercats 3 wolf moon. Freegan asymmetrical tattooed trust fund next level try-hard. Put a bird on it blog bicycle rights hoodie hella street art, swag dreamcatcher twee pop-up. Freegan biodiesel pour-over post-ironic tote bag, hashtag gluten-free banjo fanny pack.</p><p>Food truck Blue Bottle hella post-ironic, messenger bag vegan mumblecore Etsy meh trust fund semiotics literally Truffaut Intelligentsia ethical. Ethnic Bushwick butcher tofu, tattooed tote bag ethical Williamsburg shabby chic literally church-key pour-over keffiyeh Vice. Cray PBR&B pop-up Blue Bottle fashion axe, master cleanse single-origin coffee selvage. Lomo Truffaut four loko, kogi chambray Etsy ethnic seitan skateboard Shoreditch hella occupy. 90's pork belly Truffaut wayfarers, cray banh mi salvia yr craft beer Brooklyn swag tattooed pour-over pug Blue Bottle. Typewriter stumptown literally selvage semiotics, keytar sartorial beard asymmetrical selfies. Leggings bespoke narwhal Williamsburg American Apparel stumptown viral, paleo umami freegan swag.</p><p>Helvetica kitsch 3 wolf moon Odd Future organic, food truck Terry Richardson fixie shabby chic small batch four loko hoodie YOLO forage. XOXO hoodie organic, Bushwick banh mi cray Tonx scenester deep v typewriter ennui bitters fanny pack art party butcher. Swag semiotics aesthetic tofu try-hard. Hoodie food truck flannel church-key, next level try-hard +1 aesthetic wayfarers chia actually keffiyeh Neutra tattooed. Kogi bitters cred Pinterest. Pitchfork four loko banh mi lomo drinking vinegar art party, iPhone roof party raw denim Echo Park kogi 90's asymmetrical. Authentic ethnic bitters, cardigan polaroid stumptown DIY PBR&B Brooklyn ennui street art.</p><p>Food truck chia 3 wolf moon fingerstache umami. Messenger bag kitsch art party, Banksy Williamsburg cornhole forage Godard retro Cosby sweater cray jean shorts Neutra. Lo-fi mlkshk gastropub, fanny pack tattooed Banksy before they sold out PBR. Deep v tote bag mumblecore, art party semiotics Thundercats twee 90's cred Etsy you probably haven't heard of them. Polaroid food truck banh mi, cliche YOLO DIY vegan ugh. Craft beer freegan vegan, chambray bespoke mlkshk typewriter hella lo-fi dreamcatcher Thundercats shabby chic mumblecore. Banh mi XOXO Echo Park locavore, Tonx Terry Richardson pork belly keffiyeh tote bag fashion axe iPhone.</p><p>Banjo umami direct trade irony, pork belly squid cornhole 8-bit shabby chic Etsy. DIY Vice tousled kale chips High Life. Lomo PBR polaroid Tonx, whatever Marfa VHS chia street art. Paleo cred you probably haven't heard of them, messenger bag Helvetica disrupt +1. Church-key bicycle rights locavore, cardigan chillwave messenger bag ethical. Gluten-free roof party kogi fingerstache fixie freegan. Post-ironic ennui disrupt distillery.</p><p>Pickled Brooklyn chia, chillwave fanny pack wayfarers tofu asymmetrical. Street art mlkshk flannel, single-origin coffee PBR&B semiotics pork belly High Life butcher PBR chambray kogi freegan farm-to-table. Wes Anderson vinyl sartorial ethnic ethical, 8-bit cornhole umami hella fap asymmetrical. Neutra hoodie messenger bag PBR&B. Art party next level small batch letterpress, iPhone hoodie dreamcatcher mlkshk whatever pickled pop-up. Pour-over biodiesel High Life, cray cred Blue Bottle Pitchfork YOLO. Chia dreamcatcher lo-fi Schlitz, gentrify scenester tofu Brooklyn.</p>
</div>
</div>
<!-- END MAIN CONTENT -->
<!-- SIDEBAR -->
<div id="right">
<div id="anchor">
<div class="elements row1">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Photos</a></li>
</ul>
</div>
<div class="elements row2">
</div>
<div class="elements row3">
</div>
<div class="elements row4">
</div>
<div class="elements row5">
</div>
</div>
</div>
<!-- END SIDEBAR -->
<div class="clear"></div>
</div><!-- END MAIN CONTAINER -->
</body>
</html>
解决方案
You have to ensure that the elements exist before you try to select them. You can do that one of three ways:
Include the code after the elements that it targets (generally before the closing body tag)
$(document).ready(function(){...}) to have your code execute after the DOMContentLoaded event
$(window).load(function(){...}) to have your code execute after all resources are completely loaded (known as the window load event)
这篇关于jsFiddle正确显示，但一旦本地运行不起作用（Javascript）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
