0

少し前にJQMを使い始めました。最初に、デフォルトのVS2012asp.netモバイルプロジェクトを使用しました。モバイルページの動作は気に入っていますが、各ページの上部に、基本的に3つの列があり、そのうちの1つがロゴである固定領域が必要でした。_layout.cshtmlで(最初に基本的なテーブルを使用して)これを実行しました。そのすぐ下で、JQMページのレイアウトを開始します。これはすべてうまく機能しており、上部に固定ヘッダー領域を維持しながらページ遷移がどのように発生するかが気に入っています。

ただし、上部の固定領域に、他のJQMボタンと同様のスタイルのボタンを追加したいと思います。ボタンが有効なページまたはヘッダーデータ内にないため、これは機能しません-私が推測する役割。それらのデータロールの外にあるHTMLのJQMスタイルを利用する方法はありますか?

例として、ログインボタンにアンカータグを使用し、data-role = "header"を持つdiv内にある場合は、歯車アイコンを使用した場合と同じスタイルにします。.cssファイルで使用されているすべての要素をドリルダウンするのに十分な理解があり、他の個別のクラスや利用できるものがあることを期待していたかどうかはわかりません。

これは私がボタンとして表示しようとしている行ですが、テキストしか取得していません(ただし、アンカータグとしては機能します)。

<a data-role="button" data-transition="pop" href="/Vision/Account/Login">Log in</a>

また、jquery.mobile-1.1.0とjquery-1.7.2を使用しています。

4

2 に答える 2

1

要素でjQueryボタンウィジェットを呼び出すことにより、任意の要素をボタンとしてスタイル設定できます。

$('.login-button').button();

ボタン機能は、アイコンやテーマなどのオプションも受け入れます。

$('.login-button').button({
    icon: 'gear'
});

参照:http://jquerymobile.com/test/docs/buttons/buttons-options.html

于 2012-07-24T14:26:29.610 に答える
0

アンカータグにdata-role="button"を追加してみてください。

于 2012-07-20T20:34:29.027 に答える