こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

フォントサイズを変更するボタンについて

JQUERYでフォントサイズを変更するボタンを導入したのですが、CSSでフォントサイズを指定していると変更ボタンを押しても変更しません。
下記のようなソースなのですが、CSSのimportantのような事はJQUERYでは出来ないのでしょうか?
優先順位はCSSより低いのでしょうか?

<script type="text/javascript" src="js/jquery.textresizer.min.js"></script>
<script>
$(function(){
$("h1+ul+ul a").textresizer({
target: "#contentsleft,#contentsright,.copyright,address",type: "fontSize",// サイズ指定方法
sizes: [ "13px", "15px", "20px"],// フォントサイズ
selectedIndex: 1 // 初期表示
});
});
</script>


また、最近あまり見なくなったのですが、WEBのプロは閲覧者にサイズは決めてもらったほうが良いのでもう今後は使わない方向に行っているのでしょうか?

投稿日時 - 2013-11-18 20:07:43

QNo.8352664

困ってます

質問者が選んだベストアンサー

HTML部分のソースが表示されていないので不確かですが、たぶん
  ("h1+ul+ul a")
の指定が誤っていると思われます。(下記、サンプルを参照しました)
また、targetの指定も怪しそうですね。

参考URL:http://kwski.net/jquery/815/

投稿日時 - 2013-11-19 17:38:41

補足

* {
}

ここではなく、直接セレクタの所に記載したところ出来ました。
優先順位が*は一番低いのにJQUERYのボタンを押したときに*が優先される理由がよくわかりませんでした。
もしお分かりになりましたら教えてください。

投稿日時 - 2013-11-21 16:41:19

お礼

下記サイトですが問題なく文字の大きさは変更できるのに、CSSでフォントサイズを指定したときのみ変わりません。

http://sample1.digi2.jp/kindergarten/index.html



("h1+ul+ul a")こちらは下記のようになっているのであっていると思います。

<div class="headinside">
<h1>
福岡市中央区認可保育園
</h1>
<ul>
<li><a href="http://sample1.digi2.jp/kindergarten/plan.html" title="サイトマップ" class="headinside"></a></li>
<li class="hnav"><a title="交通アクセス" href="http://sample1.digi2.jp/kindergarten/plan.html"></a></li>
<li class="hnav"><a title="交通アクセス" href="http://sample1.digi2.jp/kindergarten/plan.html"></a></li> </ul>



<ul>
<li>文字サイズ変更</li>
<li><a href="#"><img class="font" src="images/baseimg/fontmin1.png" alt="フォントサイズ小" /></a></li>
<li class="hnav"><a href="#"><img class="font" src="images/baseimg/fontmid1.png" alt="フォントサイズ中" /></a></li>
<li class="hnav"><a href="#"><img class="font" src="images/baseimg/fontlar1.png" alt="フォントサイズ大" /></a></li>
</ul>
<ul>

投稿日時 - 2013-11-19 22:50:59

このQ&Aは役に立ちましたか?

12人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

出来ます。

投稿日時 - 2013-11-18 20:39:20

あなたにオススメの質問