Q&A
ありがとうございます。
しかし、変化はありませんでした。
alertも入れてみたのですが、こちらも問題なく動きます。
$(function(){
function auth(){
console.log('ok');
$(".auth1").css({'display':'block'});
alert('ok')
}
auth();
})
セレクタの問題でしょうか
下記index.htmlで「テスト」ボタンの表示、非表示に関して
PCではボタンが表示されるのですが、スマホでやるとボタンが消えたまま表示されません。
関数内のconsoleはちゃんとlogをはいています。
ちなみにindex.htmlのheder内に直接
<script> $(function(){ $(".auth1").css({'display':'block'}); }) </script>
と書くと動作（スマホでもボタンは表示される）します。
何が原因でしょうか？
スマホデバイス:iphone iOS11 safari
PC :Mac環境
index.html
<!DOCTYPE html> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="content-script-type" content="text/javascript"/> <meta http-equiv="content-style-type" content="text/css"/> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="robots" content="noimageindex"> <meta name="robots" content="noindex"> <title>タイトル</title> <link rel='stylesheet' type="text/css" href='css/style.css'/> <script type='text/javascript' src="js/jquery-2.1.4.min.js"></script> <script type='text/javascript' src='js/common.js'></script> </head> <body> <button class='auth1'>テスト</button> </body> </html>
style.css
.auth1{display:none;}
common.js
$(function(){ auth(); }) function auth(){ console.log('ok'); $(".auth1").css({'display':'block'}); }
回答2件
0
自己解決
無事解決いたしました。
協力者様ありがとうございました
common.js
内で他の関数が干渉していたため動作しなかったと思われます。
投稿2017/11/17 05:55
総合スコア156
0
こうしたら動きそう
jQuery
1$(function(){ 2 3function auth(){ 4console.log('ok'); 5$(".auth1").css({'display':'block'}); 6} 7 8auth(); 9 10})
説明が下手なので、以下のサイトを見てください。
「jQuery スコープ」で検索するといいと思います。
参考：jQueryの無名関数「(function(){})()」の使い方
投稿2017/11/17 02:44
編集2017/11/17 03:03
総合スコア32
すみません。
だいぶ、的外れなことを言ってましたね...
確認して見たところ、元のコードでも正常に動いているのでキャッシュなのでは？と思っています。
メタタグにある「apple-mobile-web-app-capable」がかなりキャッシュが強いようなので、
「apple-mobile-web-app-capable キャッシュ」で検索してみるといいかもしれないです。
ありがとうございます。
apple-mobile-web-app-capableのメタタグは一度外してみました。
ソースを見る からjsファイルを確認しましたが、最新のファイルで読み込んでいます。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。