文章/答案/技术大牛

发布

问为什么它说$没有定义？
EN

Stack Overflow用户

提问于 2019-01-06 02:40:50

回答 2查看 43关注 0票数 0

所以，因为我喜欢我的代码被组织起来，所以我在互联网上搜索了如何将jQuery加载到JS文件中，这样我就可以在html文件中加载JS文件，并在JS文件中单独工作。我在网上找到了一个优雅的解决方案，并应用了它，当我检查jQuery是否加载时，它起作用了，但当我试图从div中查找类时，它就不起作用了。它给出了"$ is not difined“错误。为什么？检查表明jQuery已加载。

JS代码：

var script = document.createElement('script');
script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
window.onload = function()
{
if (window.jQuery)
{
    alert('jQuery is loaded');
}
else
{
    alert('jQuery is not loaded');
}
}
$('.spectacle').click(function(){
alert('plm');
});

HTML代码：

<!DOCTYPE html>
<html>
<head>
<title>Spectacole</title>
<link rel="stylesheet" type="text/css" href="Spectacole.css">
</head>
<body>
<div id="top-bar">
    <div id="bar-background"></div>
    <a href="../StartingPage/startingPage.html"><button 
id="mainMenu">
    </button></a>
</div>
<div id="wrapper">
    <div class="spectacle">

    </div>

    <div class="spectacle">

    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
</div>
    <script type="text/javascript" src="Spectacole.js"></script>
</body>
</html>

jquery

html

css

回答 2

Stack Overflow用户

发布于 2019-01-06 02:46:24

添加

$('.spectacle').click(function(){
alert('plm');
});

window.onload = function(){ }内幕

 var script = document.createElement('script');
script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
window.onload = function()
{
if (window.jQuery)
{
    alert('jQuery is loaded');
}
else
{
    alert('jQuery is not loaded');
}
  $('.spectacle').click(function(){
alert('plm');
});
}

.spectacle {
  height:50px;
  width:50px;
  background:#000;
  border:1px solid #fff;
}

<!DOCTYPE html>
<html>
<head>
<title>Spectacole</title>
<link rel="stylesheet" type="text/css" href="Spectacole.css">
</head>
<body>
<div id="top-bar">
    <div id="bar-background"></div>
    <a href="../StartingPage/startingPage.html"><button 
id="mainMenu">
    </button></a>
</div>
<div id="wrapper">
    <div class="spectacle">

    </div>

    <div class="spectacle">

    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
</div>
    <script type="text/javascript" src="Spectacole.js"></script>
</body>
</html>

票数 1

Stack Overflow用户

发布于 2019-01-06 02:50:08

为什么要通过将脚本标记附加到DOM来添加jQuery，为什么不从一开始就将标记放在DOM中？

似乎与本文讨论的问题相同，所以：Load jQuery with Javascript and use jQuery

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54055075

复制

相似问题

问为什么它说$没有定义？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么它说$没有定义？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么它说$没有定义？
EN