Jquery2.X を利用して開発をしていてFadeInが有効になりません。
header 部分を中略して表示います。
<link href="/css/bootstrap.css" rel="stylesheet"> <link href="/css/font-awesome.min.css" rel="stylesheet"> <link href="/css/ie10-viewport-bug-workaround.css" rel="stylesheet"> <link href="/css/justified-nav.css" rel="stylesheet"> <script src="/js/jquery-2.1.4.min.js"></script> <script src="/js/bootstrap.js"></script> <script src="/js/ie10-viewport-bug-workaround.js"></script> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> ![endif]--> <link rel="stylesheet" href="/css/flexslider.css" /> <script src="/js/jquery.flexslider.js"></script> <script src="/js/fade.js"></script> <link href="/css/styles.css" rel="stylesheet"> <script type="text/javascript" charset="utf-8"> $(window).load(function() { $('.flexslider').flexslider(); }); </script>
としています。
Jqueryスライダーを利用していますが特段変わったことはしていないと思っています。
下記はfade.jsです
$(function(){ $("div#block_message p").fadeIn(1000); });
fadeInは下記のメッセージを対象にしています。
<div id="block_message"> <p>message</p> </div>
Onloadでメッセージにフェードをかけようとしています。
(追記)説明漏れを追記します
fadeInの部分について
どこに問題があるか分からず困っています。
宜しくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。