###前提・実現したいこと
jQuery.mobile を書きたいが「.js」ファイルになんと書き出せばいいのかわからない。(クッリク機能などは理解しています)。
###発生している問題・エラーメッセージ
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *"> 5 <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 6 <meta name="format-detection" content="telephone=no"> 7 <meta name="msapplication-tap-highlight" content="no"> 8 <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> 9 <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css" /> 10 <link rel="stylesheet" type="text/css" href="css/index.css"> 11 <title>BlankCordovaApp1</title> 12 </head> 13 <body> 14 <div data-role="page" id="page1"> 15 <div data-role="header" class="header"> 16 <h1 id="app-title">App</h1> 17 <a href="/" class="home" rel="external">Home</a> 18 </div> 19 <div role="main" class="main"> 20 <div id="change">色を変える</div> 21 <p class="color">ああああ</p> 22 </div> 23 24 <footer data-role="footer" data-position="fixed"> 25 <h4>Demo</h4> 26 </footer> 27 </div> 28 29 <script type="text/javascript" src="cordova.js"></script> 30 <script type="text/javascript" src="scripts/platformOverrides.js"></script> 31 <script type="text/javascript" src="scripts/index.js"></script> 32 <script src="scripts/jquery-1.8.0.min.js"></script> 33 <script src="scripts/jquery.mobile-1.4.5.min.js"></script> 34 </body> 35</html>
CSS
1.color{ 2 color:blue; 3} 4 5#change { 6 display: inline-block; 7 cursor: pointer; 8 padding: 12px 80px; 9 background-color: #5dca88; 10 box-shadow: 0px 5px #279C56; 11 border-radius: 3px; 12 color: #fff; 13 font-size: 12px; 14}
JS
1$(document).ready(function () { 2 $('#change').click(function () { 3 $('.color').css('color', 'red'); 4 }); 5});
回答2件
あなたの回答
tips
プレビュー