2015年04月02日
川俣晶の縁側ソフトウェア技術雑記total 4949 count

ASP.MVC NETのプロジェクトにjQueryMobileを追加するとボタンが押せない問題

Written By: 川俣 晶連絡先

「凄い日数が掛かったがようやく原因が分かった」

「どんな問題?」

「ASP.MVC NETのプロジェクトをVisual Studi 2013で作成してjQueryMobileを追加する。すると、ボタンが押せなくなるが押せる場合もある」

「ボタンが押せないってどういうことだよ」

「実はゼロから自分でHTMLを書いたら押せた。そこで、コードを比較しながら特定した」

「問題はなんだい?」

「ASP.MVC NETのプロジェクトを作成すると自動的にSite.cssというCSSファイルが作成される」

「たかが、CSSファイルがボタンを妨害するなんてあり得るの?」

「その疑問はもっともだ。自分のそう思った。しかし、可能だったのだ」

「メカニズムを説明してくれ」

「問題はSite.cssの以下の部分にあった」

/* Set width on the form input elements since they're 100% wide by default */

input,

select,

textarea {

    max-width: 280px;

}

「これがなんだ?」

「これは、ボタンの押せる部分を左から280ピクセルに制限する機能を発揮していた。ボタンは横長に出てくるから、ウィンドウの幅一杯に出てくる。その場所の全てが押せるように画面上では思える。だが、本当に押せる場所は一部に過ぎなかったのだ」

「対策はなんだい?」

「この設定をコメントアウトするかざっくり削除する。それでオッケーだった」

Facebook

キーワード【 川俣晶の縁側ソフトウェア技術雑記
【技術雑記】の次のコンテンツ
2015年
04月
22日
C:\Users\<username>\AppData\Local\dftmpって消していいの?という問題
3days 0 count
total 5493 count
【技術雑記】の前のコンテンツ
2015年
03月
31日
ASP.NET MVCで画像ファイルをダウンロードさせる方法
3days 0 count
total 8164 count

このコンテンツを書いた川俣 晶へメッセージを送る

[メッセージ送信フォームを利用する]

メッセージ送信フォームを利用することで、川俣 晶に対してメッセージを送ることができます。

この機能は、100%確実に川俣 晶へメッセージを伝達するものではなく、また、確実に川俣 晶よりの返事を得られるものではないことにご注意ください。

このコンテンツへトラックバックするためのURL

http://mag.autumn.org/tb.aspx/20150402140131
サイトの表紙【技術雑記】の表紙【技術雑記】のコンテンツ全リスト 【技術雑記】の入手全リスト 【技術雑記】のRSS1.0形式の情報このサイトの全キーワードリスト 印刷用ページ

管理者: 川俣 晶連絡先

Powered by MagSite2 Version 0.36 (Alpha-Test) Copyright (c) 2004-2021 Pie Dey.Co.,Ltd.