Javascript 从jquery动态创建的按钮中获取文本值
因此,我根据generateFolderTree函数返回的数组值动态地将按钮添加到表中,问题是当我单击创建的按钮时,似乎无法获取单击按钮的文本值,甚至无法获取任何事件。如何获取已单击按钮的名称?代码如下…谢谢 JqueryJavascript 从jquery动态创建的按钮中获取文本值,javascript,jquery,google-apps-script,Javascript,Jquery,Google Apps Script,因此,我根据generateFolderTree函数返回的数组值动态地将按钮添加到表中,问题是当我单击创建的按钮时,似乎无法获取单击按钮的文本值,甚至无法获取任何事件。如何获取已单击按钮的名称?代码如下…谢谢 Jquery <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $("#se
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function(){
$("#selectFolder").click(runMyFunction);
});
function runMyFunction(){
google.script.run
.withSuccessHandler(successCallback)
.withFailureHandler(showError)
.generateFolderTree();
$("#hiddenAttrib").hide();
}
function showError(error) {
console.log(error);
window.alert('An error has occurred, please try again.');
}
function successCallback(returnedArray)
{
console.log("returnedArray" + returnedArray);
var folders = returnedArray;
console.log("folders" + folders);
var i = 0;
//row;
for( i=0; i<folders.length;i++)
{
console.log("i = " + i);
var row = $('<p><tr><button class = "selectedFolder">' + folders[i] + '</button></tr></p>');
$("#source").append(row.html());
}
}
$(".selectedFolder").click(function () {
var text = $(this).text();
console.log(text);
$("#dialog-status").val(text);
});
</script>
$(函数(){
$(“#选择文件夹”)。单击(runMyFunction);
});
函数runMyFunction(){
google.script.run
.withSuccessHandler(successCallback)
.带故障处理器(淋浴ROR)
.generateFolderTree();
$(“#hiddenAttrib”).hide();
}
功能错误(错误){
console.log(错误);
window.alert('发生错误,请重试');
}
函数成功回调(returnedArray)
{
控制台日志(“returnedArray”+returnedArray);
var folders=returnedArray;
console.log(“文件夹”+文件夹);
var i=0;
//行;
对于(i=0;i
选择一个文件夹
所选文件夹:
文件夹名称:
文件夹ID:
所选文件夹:
将您的这段代码放在$(文档)中。准备好了吗
使用
而不是
$(ELEMENT/CLASS/ID).click
<>代码>(代码)>函数不考虑元素添加到DOM之前,我们以前使用<代码> LIVER()/<代码>为动态创建的元素附加事件,但由于代码> LIVER()/<代码>被贬值,我们应该使用()
on()
充当live()
如果您还解释了为什么不仅仅是一个代码块…仍然不起作用,那么这将是一个更好的答案。当我使用$('button')时,除了动态创建的按钮之外,所有其他按钮都起作用。我是否以错误的方式创建了动态按钮?
$(".selectedFolder").click(function () {
var text = $(this).text();
console.log(text);
$("#dialog-status").val(text);
});
$('document').on('click', '.selectedFolder', function () {
alert($(this).text())
});
$(ELEMENT/CLASS/ID).on('click', function(){});
$(ELEMENT/CLASS/ID).click