Webstorm IDE中的HTML和JQuery

Question

我有一個非常基本的問題。 我有一個帶有HTML文件，CSS文件和JS文件的webstorm項目。

我用“ div”創建了一個圓，並試圖在單擊JS后使其消失。 沒用

要添加的一件事是，我從Google API派生了Jquery API，但又將另一種下載到了Webstorm IDE的全局庫中。 我不知道是否會引起任何問題

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')
    });
});

感謝任何幫助

Answer 1

..添加樣式和腳本標簽...可以使用... 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>

..希望這可以幫助.. EJK

Webstorm IDE中的HTML和JQuery

問題描述

1 個解決方案

解決方案1
-1 2014-07-02 11:39:10

Webstorm IDE中的HTML和JQuery

問題描述

1 個解決方案

解決方案1 -1 2014-07-02 11:39:10

解決方案1
-1 2014-07-02 11:39:10