我需要能够获得在jQuery对话框中单击的按钮的上下文。
我有一个函数,自动创建一个对话框与按钮名称数组我传递给它。函数是这样的:
function setAutoDialog(buttonNameArray){
var testArray = buttonNameArray;
var passDataBack = function () {
var test = $('.getButtonClicked').text(); // NEED THE TEXT FROM THE BUTTON THAT WAS CLICKED HERE
$(this).dialog("close");
}
var myButtons = {};
for(var i=0; i<testArray.length; i++){
myButtons[testArray[i]] = passDataBack;
}
$('#autoDialog').dialog({
autoOpen: false,
dialogClass: 'autoDialog',
width: 'auto',
buttons : myButtons
});
}
我不确定我需要使用什么选择器来获取在对话框上单击的按钮的值。例如,如果你有一个名为"取消"的按钮,当我点击"取消"时,我需要获取该文本并对该文本执行操作。(传递回主屏幕)
在这种情况下,我使用回调函数
buttons: [{标签:"接近",回调:function() {App.ModalDialog.close ();}//回调
})
我明白了
在处理程序中,将click事件传递给函数。一样。$('#button1').live('click', function () {
setAutoDialog(buttonArray, $(this));
$( "#autoDialog" ).dialog("open");
});
然后在函数中引用事件并从目标中获取textContent。
function setAutoDialog(buttonNameArray, clickEvent){
var testArray = buttonNameArray;
var passDataBack = function (clickEvent) {
var t2 = clickEvent.target.textContent;
$(this).dialog("close");
}
var myButtons = {};
for(var i=0; i<testArray.length; i++){
myButtons[testArray[i]] = passDataBack;
}
$('#autoDialog').dialog({
autoOpen: false,
dialogClass: 'autoDialog',
width: 'auto',
buttons : myButtons
});
}