設置變量，並傳遞給另一個函數

Question

我得到一個div像這樣的ID的變量：

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時，會打開一個對話框。在對話框中輸入一個輸入和一個好的按鈕。當好的時候，我想再次獲得該變量。

那麼，我該如何傳遞變量或如何讓我知道我正在談論的對話框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，它應該可以工作，因爲它會給這個變量一個全局範圍，這兩個函數都可以訪問它。

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"); 
     } 
    } 
});