質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

jQueryプラグイン

jQueryの拡張機能。 様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

1回答

3411閲覧

jQuery Mobileの一部機能(data-role="slider")のみを使いたい

naotaro

総合スコア6

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

jQueryプラグイン

jQueryの拡張機能。 様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2015/03/18 08:01

質問失礼します。

タイトルの通り
jQuery Mobileのdata-role="slider"機能のみ使いたく(使いたい機能の詳細については最後に書きます)jQuery Mobileを既に運用中のWebサイトに導入したのですが、jQuery MobileがHTML要素を改変を行うため、他の要素に弊害が出てしまい困っております。

そもそもjQuery Mobileの一部機能だけを使うという方法は可能なのでしょうか?
それが出来ない場合は、出来るだけ干渉系機能を制御する事だと思うのですが、
その場合は、対策方法について下記内容を相談させて下さい。

jQuery Mobileによって改変を行われ困っている具体的な部分としましては
01.HTMLの改変が行われる(恐らく解決済み)
02.ページ内のリンクが出来ない(解決中)
03.その他、干渉されている恐れがある
となります。

01と02につきましては、下記のような対応を行っております。

lang

1$(function(){ 2 $(document).bind('mobileinit', function() { 3 // #id内の*のみHTMLの改変を許可する 4 $.mobile.page.prototype.options.keepNative = "*:not(#id *)"; 5 // 以下、Aタグの動作を従来の方法に戻す(効果なし…?) 6 $.mobile.ajaxEnabled = false; 7 $.mobile.hashListeningEnabled = false; 8 $.mobile.pushStateEnabled = false; 9 $.mobile.ajaxFormsEnabled = false; 10 }); 11 // Aタグの動作を従来の方法に戻す 12 $("a").attr({"rel":"external","data-ajax":"false"}); 13});

こちらで動く事は動きましたが、懸念点があります。
Aタグの動作を従来に戻す記述に関しまして、下記の記述は全く効果がありません。何か原因があるのでしょうか?

lang

1// 以下、Aタグの動作を従来の方法に戻す(効果なし…?) 2$.mobile.ajaxEnabled = false; 3$.mobile.hashListeningEnabled = false; 4$.mobile.pushStateEnabled = false; 5$.mobile.ajaxFormsEnabled = false;

むしろ、これだけで有効となりますが、こちらはjQuery Mobile以外のajax通信に弊害は出ないでしょうか?

lang

1// Aタグの動作を従来の方法に戻す 2$("a").attr({"rel":"external","data-ajax":"false"});

また、03にもある通りjQuery Mobileが他に干渉する恐れがある事態は何かありますでしょうか?

根本的にjQuery Mobileの使い方が間違っているかと思いますが
何卒ご回答頂ければ幸いです。

ちなみに利用したい機能のサンプルURLは下記です。
http://demos.jquerymobile.com/1.0/docs/forms/switch/
フリックによるON・OFF機能が一番滑らかだったので導入しました。

何卒よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

私はこんなのをjsにして読み込ましてますね

javascript

1$(document).bind("mobileinit", function(){ 2 $.mobile.ajaxEnabled = false; 3 $.mobile.ajaxLinksEnabled = false; 4 $.mobile.ajaxFormsEnabled = false; 5 $.mobile.defaultPageTransition = ""; 6 $.event.verticalDistanceThreshold = 200; 7 $.event.special.swipe.durationThreshold = 100; //500ms以上経って離してもスワイプにならない 8 $.event.special.horizontalDistanceThreshold = 100; 9});

投稿2016/01/12 01:45

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2016/01/12 01:47

$.mobile.ajaxEnabled = false; をいれても $.ajaxは正常に行えてます
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問