いつもお世話になります。レスポンシブＷＥＢデザインでサイト制作を行っております。使用しているjQueryプラグインを、PCのみで動作させ、スマホやタブレットでは動作させない方法を探っています。具体的には、jQuery「cluetip」というツールチップで吹き出しを設置。 PCには吹き出しが出て、タブレット・スマホでは吹き出しを出さないという仕様です。関連するscriptを読み込む記述の後、吹き出しを出すスクリプトで、 $(function () { $('a.sticky').cluetip({ splitTitle:'|', sticky:true, closePosition:'bottom', cluetipClass:'jtip' }); }); という記述を行っています。 961px以上で動作させて、960px以下は動作させないというのが希望です。経験のある方、いらっしゃいましたらご教授頂ければ幸いです。よろしくお願いします。

経験ありませんが、スマホかＰＣかで分けるなら、userAgentで振り分け。 http://rfs.jp/sb/javascript/js_lab/smartphone_user-agent.html http://halapper.seesaa.net/article/256638716.html 画面サイズで分けるなら、そのまま画面サイズを取得して振り分け。・・・で、ご質問のツールチップの動作/非動作を決めればよいのではないでしょうか？

jQueryプラグインをスマホに対応させない方法

解決済

質問者：mituru326a
質問日時：2013/12/09 16:54
回答数：1件

いつもお世話になります。

レスポンシブＷＥＢデザインでサイト制作を行っております。
使用しているjQueryプラグインを、PCのみで動作させ、スマホやタブレットでは
動作させない方法を探っています。
具体的には、jQuery「cluetip」というツールチップで吹き出しを設置。
PCには吹き出しが出て、タブレット・スマホでは吹き出しを出さないという仕様です。
関連するscriptを読み込む記述の後、吹き出しを出すスクリプトで、
<script type="text/javascript">
$(function () {
$('a.sticky').cluetip({
splitTitle:'|',
sticky:true,
closePosition:'bottom',
cluetipClass:'jtip'
});
});
</script>

という記述を行っています。
961px以上で動作させて、960px以下は動作させないというのが希望です。
経験のある方、いらっしゃいましたらご教授頂ければ幸いです。

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： fujillin
回答日時：2013/12/09 17:41

経験ありませんが、

スマホかＰＣかで分けるなら、userAgentで振り分け。
　http://rfs.jp/sb/javascript/js_lab/smartphone_us …
　http://halapper.seesaa.net/article/256638716.html

画面サイズで分けるなら、そのまま画面サイズを取得して振り分け。

・・・で、ご質問のツールチップの動作/非動作を決めればよいのではないでしょうか？