Javascript和JQuery—将DOM插入JQuery

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图片的框来确认他们的输入,但我有一个问题,如何让用户在输入框中键入的内容在JQuery函数内部的链接中发送给apear

这是脚本

  $("#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'
      }
    );
   });