Javascript 如何从html调用嵌套的jquery函数?
我正在从嵌套在Javascript 如何从html调用嵌套的jquery函数?,javascript,jquery,html,Javascript,Jquery,Html,我正在从嵌套在add()函数中的html onclick()调用一个addtext()函数。我想调用第二个函数。我怎样才能做到这一点 在这里,我有一个带有add()函数的链接,该函数显示一个文本框和一个带有addtext()的add按钮。 add()函数检查文本,如果文本存在,它将生成一个新的文本框。 现在我希望add按钮从文本框中获取文本和,并将其设置为替换文本框。 单击ADD按钮将进入addtext()函数中的ADD() Html代码: <a id = "newcard" h
add()
函数中的html onclick()
调用一个addtext()
函数。我想调用第二个函数。我怎样才能做到这一点
在这里,我有一个带有add()
函数的链接,该函数显示一个文本框和一个带有addtext()
的add
按钮。
add()
函数检查文本,如果文本存在,它将生成一个新的文本框。
现在我希望add按钮从文本框中获取文本和,并将其设置为替换文本框。
单击ADD
按钮将进入addtext()
函数中的ADD()
Html代码:
<a id = "newcard" href="#" onclick="add()" >
<b style ="color: #444444">Add Card...</b>
</a>
<div>
<span id = "show-ta"><textarea id="txtarea" style ="
display:none"></textarea><span>
<span id = "newbutton"><button id = "firstbutton" class ="btn btn-
success nbutton"onclick="addtext()" style ="display:none">Add</button>
</span>
</div>
添加
Jquery代码:
function add(){
var newTextBoxDiv = $(document.createElement('textarea'));
if ( $('#txtarea').css('display') == 'none' ){
$('#txtarea').css('display', 'block');
}
if ( $('#firstbutton').css('display') == 'none' ){
$('#firstbutton').css('display', 'block');
}
var wrapper = $('#show-ta');
var button = $(document.createElement('button'));
if(wrapper.find('textarea').last().val().length) {
var x =wrapper.find('textarea').last().val();
function addtext()
{
}
wrapper.append('<textarea class="t-one"></textarea>');
wrapper.append('<button class ="btn btn-success
nbutton">Add</button>').appendTo('#cardarea').insertAfter('#cardtitle');;
//button.addClass("btn btn-success");
wrapper.appendTo("#cardarea").insertAfter('#cardtitle');
wrapper.addClass('t-one');
// var text =$('textarea:nth-last-child(2)').val().length;
//wrapper.addClass('nbutton');
}
函数添加(){
var newTextBoxDiv=$(document.createElement('textarea');
if($('#txtarea').css('display')=='none'){
$('#txtarea').css('display','block');
}
if($('#firstbutton').css('display')=='none'){
$('#firstbutton').css('display','block');
}
var wrapper=$(“#show ta”);
var button=$(document.createElement('button');
if(wrapper.find('textarea').last().val().length){
var x=wrapper.find('textarea').last().val();
函数addtext()
{
}
append(“”);
wrapper.append('Add').appendTo('cardarea').insertAfter('cardtitle');;
//addClass(“btn btn成功”);
包装器。附加到(“#cardarea”)。插入后面(“#cardtitle”);
wrapper.addClass('t-one');
//var text=$('textarea:n最后一个子项(2)').val().length;
//addClass('nbutton');
}
必须将嵌套函数分配给如下属性addText.add=add;
,然后可以在onClick
事件中调用该函数
函数addText()
{
//不相关的代码在这里
函数添加(arg){
控制台日志(arg);
}
addText.add=添加;
}
addText();
单击我
您必须将嵌套函数分配给如下属性addText.add=add;
,然后您可以在onClick
事件中调用该函数
函数addText()
{
//不相关的代码在这里
函数添加(arg){
控制台日志(arg);
}
addText.add=添加;
}
addText();
单击我
请提供更多详细信息。我想调用第二个函数?意思是你可以给出一个代码示例吗?请在你的问题中添加你的示例代码并给出一些适当的描述。为什么你需要封装addtext()
?你当然可以移动addtext()
在add函数之外?函数add(){..}函数addtext(){..}
请提供更多详细信息。我想调用第二个函数?意思是可以给出一个代码示例吗?请在问题中添加示例代码并给出一些适当的描述。为什么需要封装addtext())
?您当然可以将addtext()
移到add函数的外部?函数add(){..}函数addtext(){..}
我也这样做了,得到了add.addtext不是函数的错误:(您是否在单击之前调用了函数add
?然后只有这个赋值才会发生addText.add=add;
@Chri.s您需要将JSFIDLE中的加载类型更改为无换行头
。@Chri.s我正在等待她对我以前的评论的响应。@sanjana现在可以检查吗?我也做了同样的操作,我得到了答案。)add.addtext不是函数
错误:(您是否在单击之前调用了函数add
?然后只有这个赋值才会发生addText.add=add;
@Chri.s您需要将JSFIDLE中的加载类型更改为无换行头
。@Chri.s我正在等待她对我以前的评论的响应。@sanjana您现在可以检查一下吗?