Javascript和JQuery—将DOM插入JQuery
好的,这是我的问题,我有一个显示用户FB图片的框来确认他们的输入,但我有一个问题,如何让用户在输入框中键入的内容在JQuery函数内部的链接中发送给apear 这是脚本Javascript和JQuery—将DOM插入JQuery,javascript,jquery,dom,variables,fancybox,Javascript,Jquery,Dom,Variables,Fancybox,好的,这是我的问题,我有一个显示用户FB图片的框来确认他们的输入,但我有一个问题,如何让用户在输入框中键入的内容在JQuery函数内部的链接中发送给apear 这是脚本 $("#fb").blur(function(){ $.fancybox( '<img src="http://graph.facebook.com/ *user's input here* /picture?type=large"/> <br> is that you? ',
$("#fb").blur(function(){
$.fancybox(
'<img src="http://graph.facebook.com/ *user's input here* /picture?type=large"/> <br> is that you? ',
{
'autoDimensions' : true,
'transitionIn' : 'none',
'transitionOut' : 'true'
}
);
});
$(“#fb”).blur(函数(){
$.fancybox(
“
是你吗?”,
{
“自动维度”:true,
“transitionIn”:“无”,
“transitionOut”:“true”
}
);
});
这是HTML表单
<input type="text" id="fb" size="10" name="fb" value="" />
调用函数时,如何将输入框中键入的内容转换为脚本中链接中的apear 您应该能够使用:
$(“#fb”).blur(函数(){
var t=$(this.val();
var img=“”;
$.fancybox(img+“
是你吗?”{
//...
});
});
当然,假设您的文本输入是
,那么这将是模糊处理程序中的文本输入。如果我理解您的要求,您可以从输入字段中获取值,然后使用字符串加法构建您想要的字符串,如下所示:
$("#fb").blur(function(){
var text = this.value;
$.fancybox(
'<img src="http://graph.facebook.com/' + text + '/picture?type=large"/> <br> is that you? ',
{
'autoDimensions' : true,
'transitionIn' : 'none',
'transitionOut' : 'true'
}
);
});
$(“#fb”).blur(函数(){
var text=this.value;
$.fancybox(
“
是你吗?”,
{
“自动维度”:true,
“transitionIn”:“无”,
“transitionOut”:“true”
}
);
});
完美!这正是我想要的。我已经用PHP做了很多编程,但是在使用javascript变量时遇到了一些困难。如果你好奇,当一个用户在表单栏中输入一个Facebook的唯一ID,一个小弹出框会弹出他们的个人资料图片来确认他们的ID时,这就是注册表单。谢谢$(this).val()很有用,但我很难理解如何在链接中包含该变量。我知道它是如何工作的,但我希望保持它的简单,以便稍后我回到代码时更容易理解。我选择作为答案的用户一针见血。非常感谢。
$("#fb").blur(function(){
var text = this.value;
$.fancybox(
'<img src="http://graph.facebook.com/' + text + '/picture?type=large"/> <br> is that you? ',
{
'autoDimensions' : true,
'transitionIn' : 'none',
'transitionOut' : 'true'
}
);
});