Javascript Webstorm IDE中的HTML和JQuery_Javascript_Jquery_Html

Javascript Webstorm IDE中的HTML和JQuery

javascript jquery html

Javascript Webstorm IDE中的HTML和JQuery,javascript,jquery,html,Javascript,Jquery,Html,我有一个非常基本的问题。我有一个带有HTML文件、CSS文件和JS文件的webstorm项目我用“div”创建了一个圆圈，并试图在点击JS后使其褪色。它不起作用了需要补充的一点是，我已经从GoogleAPI中获取了jQueryAPI，但也下载了一个不同的jQueryAPI到WebStormIDE的全局库中。我不知道这是否会引起任何问题 HTML、CSS、JS跟随 <!DOCTYPE html> <html> <head lang="en"> <

我有一个非常基本的问题。我有一个带有HTML文件、CSS文件和JS文件的webstorm项目

我用“div”创建了一个圆圈，并试图在点击JS后使其褪色。它不起作用了

需要补充的一点是，我已经从GoogleAPI中获取了jQueryAPI，但也下载了一个不同的jQueryAPI到WebStormIDE的全局库中。我不知道这是否会引起任何问题

HTML、CSS、JS跟随

<!DOCTYPE html>
<html>
<head lang="en">
    <title></title>
    <meta charset="UTF-8">
    <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
    <script type='text/javascript' src='bounce.js'></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<div class="ball" id="mb" ></div>
</body>
</html>

.ball {
    width: 100px;
    height: 100px;
    background-color:blue;
    border:2px solid;
    border-radius:100%;
}

$(document).ready(function() {
    $('div').click(function() {
        $('div').fadeOut('slow')
    });
});


.球{
宽度：100px；
高度：100px；
背景颜色：蓝色；
边框：2倍实心；
边界半径：100%；
}
$（文档）.ready（函数（）{
$（'div'）。单击（函数（）{
$（'div'）.fadeOut（'slow'））
});
});

感谢您的帮助。。添加样式和脚本标记。。。工作是一种享受。。。EJK

<html>
    <head lang="en">
        <title></title>
        <meta charset="UTF-8">
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <script type='text/javascript' src='bounce.js'></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    </head>
    <body>
        <div class="ball" id="mb" ></div>
    </body>
</html>

<style>
.ball {
width: 100px;
height: 100px;
background-color:blue;
border:2px solid;
border-radius:100%;
}
</style>
<script>
    $(document).ready(function() {
    $('div').click(function() {
    $('div').fadeOut('slow')
    });
    });
</script>


.球{
宽度：100px；
高度：100px；
背景颜色：蓝色；
边框：2倍实心；
边界半径：100%；
}
$（文档）.ready（函数（）{
$（'div'）。单击（函数（）{
$（'div'）.fadeOut（'slow'））
});
});

。。希望这有帮助。。EJK

将

jQuery

脚本放在

bounce.js

之前，是时候开始基本操作了。读出文件…；）谢谢各位。。实际上还有另一个线程，其中一些“专业人士”明确表示，将脚本标记放在js脚本上，然后再放在jquery脚本上。这就是我把它倒过来的原因。再次感谢！EJK，对不起，我应该说得更清楚。HTML、CSS和Javascript在不同的文件中。这并不是全部在HTML文件中完成的。所以我认为支架分离器不会有什么不同。。还有其他想法吗？没问题。。。bounce.js做什么（除了使某物反弹）。。。假设这会反弹球吗？没有人，bounce.js是底部的javascript块。3个块，HTML、CSS和Javascript。当javascript被点击时，它实际上正在淡出div…嗨再次。。。好的，bounce.js是你的脚本。。。酷。。。安东的建议有效吗。。。在JQuery脚本运行之前，您必须在头中加载JQuery库，否则JavaScript将不知道如何处理它。。。你的代码很好。。。正如我所说，工作是一种享受。。。这是小提琴。。。