下記のような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も見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Acrobatのツールボタンの消し方
-
Excel:「フォーム」のボタンで...
-
TabStripのイベントについて
-
MEDIAS N-04DのFactoryReset
-
javascript 別ウィンドウを開...
-
ボタンを押したような状態にし...
-
GridViewの項目編集(初歩)
-
JSPでボタンを押したら、文字が...
-
WEBページ上に[Ctrl]+[F5]を割...
-
Q&Aフォームを作成したいのです...
-
チャレンジタッチの画面にスマ...
-
エクセルVBAで画面の大きさを取...
-
画面遷移が不正ですと表示されます
-
数字のみ入力可
-
【ASP.NET】ページ遷移してもGr...
-
Accessの画面更新を一時的に停...
-
ASP.NET 電卓計算
-
別ブラウザにセッションを渡す...
-
【ASP.NET】フォームの継承は出...
-
ASP.NetのGridViewで任意の行ク...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c# 文字列の最後から1文字削除...
-
DataGridViewのチェックボック...
-
VBAで一時中断したプログラムの...
-
Eclipseでクリーンが出来ない
-
ブラウザの×ボタン(閉じるボタ...
-
グリッドビューでのチェックボ...
-
メール添付されたPDFファイルが...
-
SPREADでカーソルの位置を1行目...
-
EXCEL2010でセルが編集中かを判...
-
CheckBoxをボタン形式にして押...
-
最大化ボタンと最小化ボタンを...
-
Ctrlキーを押しながらのダブル...
-
IEの閉じるボタンを消す方法
-
今更、VBAでRPA、キーボード操...
-
C# Enterキーの動作について
-
Page_Load時にボタンクリックイ...
-
Webブラウザの閉じるボタン無効...
-
【C#】 : WindowsProgramming ...
-
Fancyboxのiframe内に閉じるボタン
-
VBのこのコードの意味を教えて...
おすすめ情報