ここから本文です

プログラミング言語 jqueryが機能しないのですがなぜでしょうか??

pgg********さん

2019/4/3017:23:35

プログラミング言語
jqueryが機能しないのですがなぜでしょうか??

なにがおかしいのか全くわかりません。


====================================html===========================================
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="stylesheet" href="main.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
</head>

<body>

<main>
<div id="btn_box">
<button>ボタン1</button>
<button>ボタン1</button>
<button>ボタン2</button>
<button>ボタン2</button>
<button>ボタン3</button>
<button>ボタン3</button>
</div>
</main>

<script src="main.js"></script>

</body>
</html>

====================================jQuery===========================================

$(function(){

var duration = 300;

$('button')
.on('mouseover', function() {
$(this).stop(true).animate({
backgroundColor: '#ae5e9b',
color: '#fff'
}, duration);
})
.on('mouseout', function(){
$(this).stop(true).animate({
backgroundColor: '#fff',
color: '#ebc000'
}, duration);
});

});

閲覧数:
41
回答数:
1

違反報告

ベストアンサーに選ばれた回答

leg********さん

2019/5/101:42:56

Q. jqueryが機能しないのですがなぜでしょうか??

A. 「jquery.min.js」だけでは、色属性の値を制御できないためです。

次のコード(CDN)を追加してみてください。

<script src="https://code.jquery.com/color/jquery.color-2.1.2.min.js"></script>

記載コードに間違いはありません。
どうぞ、おためしになってみてください。

この回答は投票によってベストアンサーに選ばれました!

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる