ホーム » jQuery

jQuery」カテゴリーアーカイブ

jQuery Mobileのcheckboxを動的に作成

jQuery Mobile でCheckBoxを作るには以下のHTMLを組む必要がある

[code]
<label>
<input type="checkbox" name="checkbox-0 ">Check me
</label>
[/code]

DEMO

これをjQueryで動的に作成

[code]
var id_check_bookmark = ‘id-chk-bookmark-‘+handle;

var h_lbl = $("<label />", {
‘text’ : ‘bookmark’
});

var h_chekcbox = $("<input />", {
‘type’ : ‘checkbox’,
‘id’ : id_check_bookmark
});

h_chekcbox.appendTo(h_lbl);

h_content.append(h_lbl);
[/code]

POSTでデータが転送できない

POSTでデータが転送されない
スマホ用のサイトを作成しログイン画面を作成。
しかし画面上で入力した値がPOSTでとれない。
今更・・・?
頭がおかしいのか?と思ったが・・・
jQuery Mobileを作成した時はFORM属性にdata-ajax=”false”をつけないといけないとは

jQuery Mobileの役立つサイトメモ

jQuery Mobile 本家

jQuery Mobile フリップスイッチを設置する

要素が見えたタイミングでイベントを発生させるjQueryプラグイン

jQueryMobileのデフォルトのスタイルを解除する方法

How To Refresh New Div Content in Jquery Mobile 1.4.5

スクロール時に追加的にコンテンツを読み込むには?

jQuery Mobile ヘッダーを設置する

jQuery Mobileページでアイコン付きのボタンを配置するには?

jQuery Mobile ボタンを設置する

jQuery Mobileページにボタンを配置するには?

jQuery Mobile ポップアップの利用例jQuery Mobileのテーマを設定(&ThemeRollerによる自作テーマ作成)するには?

jQueryのセレクタ解説

jQueryの基本 – $(document).ready

jQuery Mobileのリストビューで動的に次画面を生成する

jQuery Mobile ポップアップの利用例

jQuery Mobile さまざまなスタイルのリスト例

jQuery mobileのスタイルをあてたコントロールが表示されない

スクロールするDIVにjQuery Mobileのスタイルをあてたcheckboxを表示

最初は正しく表示されている

スクロールするとなぜか一番下が表示されない

再度一番上を確認すると表示されない

ちなみにjQuery Mobileのスタイルをあてないcheckboxは問題ない

再描画の問題なのか?DOMのキャッシュの問題なのか?

DIVのスタイルから以下を外すと表示されない問題は解決
[code]
-webkit-overflow-scrolling: touch
[/code]

.NETで作成したWebサービスをjqueryのajaxで呼んだら500サーバー内部エラー

jquery ajaxで .NET Webサービスからデータダウンロード時にデータ量が多くなると500 サーバー内部エラーが発生。(通信はJSONフォーマット)

DHCで確認したところ

clip_3

以下のエラーが発生

[code]
{"Message":"JSON JavaScriptSerializer を使用したシリアル化または逆シリアル化中にエラーが発生しました。文字列の長さが maxJsonLength プロパティで設定されている値を超えています。","StackTrace":" 場所 System.Web.Script.Serialization.JavaScriptSerializer.Serialize(Object obj, StringBuilder output, SerializationFormat serializationFormat)\r\n 場所 System.Web.Script.Serialization.JavaScriptSerializer.Serialize(Object obj, SerializationFormat serializationFormat)\r\n 場所 System.Web.Script.Services.RestHandler.InvokeMethod(HttpContext context, WebServiceMethodData methodData, IDictionary`2 rawParams)\r\n 場所 System.Web.Script.Services.RestHandler.ExecuteWebServiceCall(HttpContext context, WebServiceMethodData methodData)","ExceptionType":"System.InvalidOperationException"}
[/code]

web.configに以下を追加して対応

clip_7

jQuery DialogのzIndex(z-Index)を設定

以前は
Dialogのオプションで設定できたが、
jQuery UI 1.10よりこのオプションは廃止された。
よって以下に従ってスタイルシートで設定

.ui-dialog { z-index: 1000 !important ;}