お世話になります。web初心者です。
###前提・実現したいこと
jqueryのライブラリ simplemodalを使いたい
http://simplemodal.plasm.it/
参考にしているサイト
http://sakidesign.com/js_modal_window2/
###発生している問題
サンプルどおりに表示されない
###ソースコード
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>simplemodalテスト</title> <meta http-equiv="content-script-type" content="onmouseover/javascript" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="mootools-core-1.3.1.js"></script> <script type="text/javascript" src="mootools-more-1.3.1.1.js"></script> <script type="text/javascript" src="simple-modal.js"></script> <link href="simplemodal.css" media="all" rel="stylesheet" title="CSS" type="text/css" /> <script> $("#myElement").addEvent("click", function(){ var SM = new SimpleModal({"btn_ok":"Alert button"}); SM.show({ "title":"Title", "contents":"Your message..." }); }); </script> </head> <body> <div id='myElement'> <input type='button' name='basic' value='Demo' class='basic demo'/> </div> </body> </html>
###補足
必要なファイルは全て揃っており(javascriptファイル3つ、cssファイル1つ)、index.htmlと同じ階層にあります。
jqueryの読み込みはCDNを使おうと思っています。
javascriptはほとんど触ったことはなく、勉強中です。
ご指導のほどお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/10/07 14:54