googledriveでURLを取得することは出来て、html・cssともに読み込むことは出来ました。
しかし、jQueryだけがうまく稼働しません。
jQueryをgoogledriveでうまく動かす方法を教えていただきたいです。
html
1<script src="http://code.jquery.com/jquery-3.1.0.min.js"></script> 2 <script src="jquery.leanModal.min.js"></script> 3 <script> 4 $(function(){ 5 $("a[rel*=leanModal]").leanModal(); 6 }); 7 </script>
html
1<div class="boxA"> 2 <a id="x" href="#sample" rel="leanModal"> 3 <div class="navigate"> 4 <p>料金</p> 5 </div> 6 <div class="navigate"> 7 <p>ルート</p> 8 </div> 9 <div class="navigate"> 10 <p>その他</p> 11 </div> 12 </a> 13 <div id="sample"> 14 <p>バルーン</p> 15 </div> 16 </div>
css
1#lean_overlay { 2 position: fixed; 3 z-index:100; 4 top: 0px; 5 left: 0px; 6 height:100%; 7 width:100%; 8 background: #000; 9 display: none; 10} 11 12#sample { 13 width: 400px; 14 padding: 30px; 15 display:none; 16 background: #FFF; 17 border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 18 box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7); 19}
jQuery.leanModal.min.js
1// leanModal v1.1 by Ray Stone - http://finelysliced.com.au 2// Dual licensed under the MIT and GPL 3 4(function($){$.fn.extend({leanModal:function(options){var defaults={top:100,overlay:0.5,closeButton:null};var overlay=$("<div id='lean_overlay'></div>");$("body").append(overlay);options=$.extend(defaults,options);return this.each(function(){var o=options;$(this).click(function(e){var modal_id=$(this).attr("href");$("#lean_overlay").click(function(){close_modal(modal_id)});$(o.closeButton).click(function(){close_modal(modal_id)});var modal_height=$(modal_id).outerHeight();var modal_width=$(modal_id).outerWidth(); 5$("#lean_overlay").css({"display":"block",opacity:0});$("#lean_overlay").fadeTo(200,o.overlay);$(modal_id).css({"display":"block","position":"fixed","opacity":0,"z-index":11000,"left":50+"%","margin-left":-(modal_width/2)+"px","top":o.top+"px"});$(modal_id).fadeTo(200,1);e.preventDefault()})});function close_modal(modal_id){$("#lean_overlay").fadeOut(200);$(modal_id).css({"display":"none"})}}})})(jQuery); 6
/*! jQuery v3.1.0 | (c) jQuery Foundation | jquery.org/license */ !function(a,b){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a)(省略)
また、これが難しいようであれば無料のサーバーなどを契約してアップロードしたほうが良いのでしょうか?
ご回答の程よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/08/09 02:11
2016/08/09 02:12
退会済みユーザー
2016/08/09 02:31