はをクリックして上の変数を設定し、私はこのようなdiv要素のIDの変数を取得しています別の関数

Question

に渡し：

var value = $(this).attr('id').replace("-", "");

私のHTMLは次のようになります。だから、

<li id="item-1">1</li> 
<li id="item-2">2</li> 
<li id="item-3">3</li> 

私はそれに応じてitem1、item2、item3を取得します。

クリックしてIDに値を設定すると、ダイアログが開きます。ダイアログの中に入力とOKボタンがあります。大丈夫が押されたら、私はその変数を再び取得したい。

どのように変数を渡すことができますか、私はそのIDを話しているダイアログを知ることができます。あなたが他のコードブロックからアクセスできるように、クリックハンドラの範囲外

$("#bxs li").click(function() { 
      var value = $(this).attr('id').replace("-", ""); 

       $("#dialog").dialog("open"); 
       return false; 

     }); 


    // Okay button from the dialog. 


     $(".okaybtn").click(function() { 

// value is the variable from the previous function 
       localStorage.setItem(value , "test"); 
        $("#dialog").dialog("close");return false; 

      }); 

Answer 1

jQueryのデータ：

$("#bxs li").click(function() { 
    var value = $(this).attr('id').replace("-", ""); 

    $("#dialog").data("clickedfrom", value).dialog("open"); 
    return false; 

}); 


// Okay button from the dialog. 

$(".okaybtn").click(function() { 
    var $dialog = $("#dialog"); 
    // value is the variable from the previous function 
    localStorage.setItem($dialog.data("clickedfrom"), "test"); 
    $dialog.dialog("close"); 
    return false; 

}); 

スコープの変数は：

(function(){ 
var value; 
    $("#bxs li").click(function() { 
     value = $(this).attr('id').replace("-", ""); 

     $("#dialog").dialog("open"); 
     return false; 

    }); 


    // Okay button from the dialog. 

    $(".okaybtn").click(function() { 
     // value is the variable from the previous function 
     localStorage.setItem(value, "test"); 
     $("#dialog").dialog("close"); 
     return false; 

    }); 
})() 

Answer 2

宣言値：ここで

は一例です。

var value; 
$("#bxs li").click(function() { 
    value = $(this).attr('id').replace("-", ""); 

    $("#dialog").dialog("open"); 
    return false; 
}); 

$(".okaybtn").click(function() { 
    // value is the variable from the previous function 
    localStorage.setItem(value , "test"); 
    $("#dialog").dialog("close"); 
    return false;  
}); 

Answer 3

1.Youはグローバル変数としてそれを保存することができます - お勧めしません
2.Youは隠された入力に
3.You缶を選択した変数の値を格納することができますが、ダイアログ関数に引数としてid値を送りました。

Answer 4

私はあなたが何をしているのか正確にはわかりませんが、valueが2つの機能の外に宣言されていると、両方の機能にアクセスできるグローバルスコープに変数が与えられます。

var value; 
    $("#bxs li").click(function() { 
      value = $(this).attr('id').replace("-", ""); 

       $("#dialog").dialog("open"); 
       return false; 

     }); 


    // Okay button from the dialog. 


     $(".okaybtn").click(function() { 

// value is the variable from the previous function 
       localStorage.setItem(value , "test"); 
        $("#dialog").dialog("close");return false; 

      }); 

Answer 5

jQuery UIダイアログでフォーム入力を処理する場合は、buttonsオプションを使用できます。

$("#dialog").dialog({ 
buttons: { 
    "Ok": function() { 
      value = $('#dialoginputfield').val(); 
      $(this).dialog("close"); 
     } 
    } 
});