下記のようなJQuery mobileのリンクのボタンを2つ並べたページがあったとします。
その1ページ目は現在表示中として、一応ボタンも表示しておきたいのですが、
実際のボタンは無効で、色が違うなど押した状態に見えるようにしたいのです。
<a href="" data-role="button" data-inline="true">1ページ</a>
<a href="2ページ目のアドレス" data-role="button" data-inline="true">2ページ</a>
どのようにしたらいいでしょうか?
No.2ベストアンサー
- 回答日時:
通常は、ボタンの機能はbuttonに実装されているわけで、素直にbuttonを使えばよろしいかと。
<button disabled=disabled>1ページ</button>
どうしてもaタグで実装したいなら、javascriptでaにbuttonの機能を実装するだけだよね。
--HTML
<a href="" data-button-flg="false">1ページ</a>
--CSS
a[data-button-flg=false]{
cursor:default;
color:#000;
}
--JS
$("a").on("click",function(){
if($(this).data("buttonFlg")=="false") return false;
});
No.3
- 回答日時:
ANo1です。
ご提示のサンプルよりは構成が複雑になっていますが、
http://jquerymobile.com/demos/1.2.0/
http://jquerymobile.com/demos/1.2.0/docs/buttons …
もCSSで処理していませんか?
特に、2番目のトップにあるボタンは、ご質問のものに近いのではないかと想像しますが、
「basics」の部分については、リンク要素に「ui-btn-active」というクラス設定をすることで、他のボタンと表示を変えているように思えますけれど…
(ざっと見ただけなので、ちゃんと確認していません)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS htmlで画面遷移させたい 1 2022/10/28 18:19
- Java 動かなくなったのでJavaソースを手直しお願いします。 2 2022/04/30 05:35
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
C# Enterキーの動作について
-
c# 文字列の最後から1文字削除...
-
グリッドビューでのチェックボ...
-
今更、VBAでRPA、キーボード操...
-
SPREADでカーソルの位置を1行目...
-
DataGridViewのチェックボック...
-
【C#】 : WindowsProgramming ...
-
VC++ MFC CListCtrlで、ボタン...
-
asp.net メッセージボックス表...
-
VBのこのコードの意味を教えて...
-
Visual C#でストップウォッチ機...
-
ボタンの形
-
Page_Load時にボタンクリックイ...
-
VBAで一時中断したプログラムの...
-
複数のSubmitボタンをname属性...
-
JSPでメッセージボックスを表示...
-
IEの閉じるボタンを消す方法
-
VB.NETでボタンクリックイベン...
-
Ctrlキーを押しながらのダブル...
-
Java言語のSwingコーポネント「...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
DataGridViewのチェックボック...
-
グリッドビューでのチェックボ...
-
ブラウザの×ボタン(閉じるボタ...
-
【JavaScript?HTML?】Webペー...
-
Eclipseでクリーンが出来ない
-
c# 文字列の最後から1文字削除...
-
VBAで一時中断したプログラムの...
-
【C#】 : WindowsProgramming ...
-
EXCEL2010でセルが編集中かを判...
-
Ctrlキーを押しながらのダブル...
-
SPREADでカーソルの位置を1行目...
-
メール添付されたPDFファイルが...
-
ロストフォーカスイベントとそ...
-
asp.net メッセージボックス表...
-
CheckBoxをボタン形式にして押...
-
JSPでメッセージボックスを表示...
-
今更、VBAでRPA、キーボード操...
-
VC++ MFC CListCtrlで、ボタン...
-
Fancyboxのiframe内に閉じるボタン
-
VBのこのコードの意味を教えて...
おすすめ情報