[解決済み] jQueryを使用してtext-alignのスタイルを動的に追加する方法
質問
私は、CSS 2.1 に関する通常の IE のバグを修正しようとしており、カスタム テキスト整列スタイルを追加するために要素のスタイル プロパティを変更する方法が必要です。
現在、jQueryでは次のようなことを行うことができます。
$(this).width() or $(this).height()
のように表示されるのですが、これと同じ方法でtext-alignを変更する良い方法が見つかりそうにありません。
この項目にはすでにクラスがあり、そのクラスでtext-alignを設定したのですが、うまくいきません。クラスが定義された後、この要素にtext-align CSS属性を追加するだけで良いのでしょうか?
私は次のようなものを持っています。
$(this).css("text-align", "center");
は、私の幅の調整後、私はfirebugでこれを表示した後、私はスタイルに設定されている唯一のプロパティは"width"であることがわかります。 任意のヘルプ?
EDITです。
この質問には大きな反響がありました。この問題については、もう少し詳しく説明します。
のjsソースをいじっています。 jqGrid A3.5でカスタムサブグリッドの作業をするために、私がいじっている実際のJSは以下の通りです(上記の私の例で"this"を使って申し訳ありませんが、簡潔にするためにこれを維持したかったのです)。
var subGridJson = function(sjxml, sbid) {
var tbl, trdiv, tddiv, result = "", i, cur, sgmap,
dummy = document.createElement("table");
tbl = document.createElement("tbody");
$(dummy).attr({ cellSpacing: "0", cellPadding: "0", border: "0" });
trdiv = document.createElement("tr");
for (i = 0; i < ts.p.subGridModel[0].name.length; i++) {
tddiv = document.createElement("th");
tddiv.className = "ui-state-default ui-th-column";
$(tddiv).html(ts.p.subGridModel[0].name[i]);
$(tddiv).width(ts.p.subGridModel[0].width[i]);
trdiv.appendChild(tddiv);
}
tbl.appendChild(trdiv);
}
私は(提供された回答から)以下の両方を試しましたが、うまくいきません。
$(tddiv).width(ts.p.subGridModel[0].width[i]).attr('style', 'text-align: center');
AND
$(tddiv).width(ts.p.subGridModel[0].width[i]).css('text-align', 'center');
私は今日もこの問題に取り組み、この奇妙な問題に関して私の痛みを感じている人のために最終的な解決策を投稿するつもりです。
どのように解決するのですか?
ドキュメントにあるように、あなたは正しい考えを持っています。
http://docs.jquery.com/CSS/css#namevalue
classやidで識別しているのは間違いないでしょうか?
例えば、クラスがmyElementClassの場合
$('.myElementClass').css('text-align','center');
あと、しばらくFirebugで作業していないのですが、htmlではなく、domを見ていますか? ソースはjavascriptで変更されないけど、domは変更されるよ。 domタブを見て、変更が適用されているかどうか確認してください。
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] 画像の横のテキストを縦に揃える?
-
[解決済み] Microsoft JSONの日付はどのようにフォーマットするのですか?
-
[解決済み] jQueryを使って「Please Wait, Loading...」というアニメーションを作成するにはどうすればよいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQueryです。簡単なオーバーレイを作成するにはどうすればよいですか?
-
[解決済み] jQueryのイベントハンドラを削除する最良の方法?
-
[解決済み] jQueryのSELECT要素で特定のオプションを選択するにはどうすればよいですか?
-
[解決済み] jQuery に何かを実行する前にすべての画像の読み込みを待つように指示する公式な方法
-
[解決済み] 動的に生成された要素でクリックイベントが動作しない [duplicate]
-
[解決済み] jQueryを使用してspanに値を設定する方法
-
[解決済み] ボタンやリンクを無効化・有効化する最も簡単な方法とは(jQuery + Bootstrap)
-
[解決済み】jQueryのテンプレートエンジン【終了しました
-
[解決済み] jQueryでinput[type=text]の値変化を検出する
-
[解決済み] jqueryによるdivのstyle属性の追加と削除