0

私はJavascriptを初めて使用しますが、仕事でJavaScriptを実行する際に問題に遭遇しました。顧客がフォームを作成するための製品をカスタマイズしています。フォーム オブジェクト (テキスト フィールド、ドロップダウンなど) はメニューにあります。これらの各オブジェクトは、Ctrl キーを使用して個別に選択することも、複数選択することもできます。お客様が簡単に選択できるように、ラジオ ボタンを有効にするよう求められました。これらはそれぞれグループ化されているため、簡単に選択できます。

たとえば。(a) すべての顧客連絡先オプションを選択します (b) 顧客組織の詳細 選択すると、フォームにドラッグ アンド ドロップできるようになります。

したがって、技術的な要件は次のとおりです。

  1. さまざまなグループのラジオ ボタン (顧客連絡先オプションなど)

  2. ラジオ ボタンを選択したら、関連するオブジェクト クラスをアクティブにします。

  3. ドラッグ/移動機能を開始する

    HTML スニペットは次のようなものです。 // < を ( に置き換えて、コードとして配置します。

    (div class="FormElementMain" style="TOP: 5px; LEFT: 10px" FieldType="Label")
  (span class="contactOptionsLabel" style="width: 50px")Mobile Number(/span)
(/div)
(div class="FormElementMain" style="TOP: 5px; LEFT: 20px" FieldType="Label")
  (span class="contactOptionsLabel" style="width: 50px")Tel Number(/span)
(/div)
(div class="FormElementMain" style="TOP: 5px; LEFT: 30px" FieldType="Label")
  (span class="orgDetailsLabel" style="width: 50px")Job Designation(/span)
(/div)

バインドする必要がある製品コード (関数) は次のとおりです。

function selectLabelClass(object)
{
    
    object.addClass("highlightDiv");   // Just to highlight the div class so a shade appears around the text
    var currentWrapper=object;
    
    CurrentObject.push(new MoveObject(currentWrapper));
    currentWrapper.draggable({ grid: [GridSizeX, GridSizeY], containment: ".ui_fieldsetset" });
    
    DisplayProperties();
}

したがって、ラジオボタンがクリックされると、ラベルクラスを次のように開始しようとしています

$("#selectLabelRadioButton").live("click",
        function () 
        {
            selectLabelClass(".contactOptionsLabel");
        });
        
 });

ただし、機能しません:(ラジオボタンを使用してオブジェクトのクラス/グループをアクティブにする方法を誰かが提案できますか

別のメモとして、簡単なテストを試してみましたが、うまくいきました。// 赤い境界線を使用して、クラスのすべてのオブジェクトを強調表示するだけです。// .css を別のカスタム関数に置き換える方法を知りたかっただけです

  $("#selectLabelRadioButton").click(function(){
   $(".selectLabelClass").css("border","3px solid red");
 });
4

1 に答える 1

0

あなたの質問にないすべてのコードについてはわかりません。

しかし、jQuery オブジェクトの代わりに文字列を渡して、jQuery オブジェクトselectLabelClassを取得することを期待しています...

これを変更:selectLabelClass(".contactOptionsLabel");
これに:selectLabelClass($(".contactOptionsLabel"));

$("#selectLabelRadioButton").live("click", function() {
    selectLabelClass($(".contactOptionsLabel"));
});​
于 2012-04-29T19:30:00.073 に答える