2

jQuery、Bootstrap、その他多数のサービスのスクリプトなど、さまざまなライブラリが混在する Web ページを作成しています。私は、Really Simple Color Pickerの以前の (変更された) バージョンを使用しています。入力コントロールは編集できませんが、Firefox でのみ使用できます。Chrome、Safari、および Internet Explorer では、フィールドは編集可能です。

フィールドを編集不可にしているコードは何も見つかりません。Firefox では、.uneditable-inputCSS スタイルが適用されていることを firebug パネルで確認できますが、要素自体には、元の HTML、HTML ビュー、または DOM ビューのいずれにもクラスがありません。

DOM ビューで関連していると思われるその他の属性は次のとおりです。

 className ""
 contentEditable "inherit"
 disabled false
 hidden false
 indeterminate false
 readOnly false
 required false

入力を編集できない原因は何ですか? また、その理由は 1 つのブラウザーだけですか?

もう 1 つのひねり: 入力フィールド自体は、実際には、カラー ピッカー ライブラリの jQuery コードを使用してページに挿入されます。

コードを含めたいのですが、ページが非常に大きく、多数の依存関係があります。原因を探るために、どのようなものがフィールドを編集不可にするかについてのアイデアを探しています. コードを含めないのは良くないことはわかっています。

4

1 に答える 1

2

やりたいことは、Firebug をインストールして、その中の DOM 要素を調べることです。カスタマイズされた CSS プロパティが表示され、それらを 1 つずつチェック/チェック解除できます。問題の原因となっているものをすぐに見つけることができます。

ここに画像の説明を入力

実際には無効になっていないが、操作できない場合は、Firebug でも確認できます。マウス クリックによる検査機能を使用するだけで、その上にある DOM 要素とその寸法が表示されます。

ここに画像の説明を入力

于 2012-07-27T22:52:45.810 に答える