Javascript和JQuery - 插入DOM到JQuery

好的，这里是我的问题我有一个框显示用户的FB Pic来确认他们的输入，但即时通讯有一个问题搞清楚如何让用户在输入框中键入在JQuery函数内部的链接中使用apear。Javascript和JQuery - 插入DOM到JQuery

这里是脚本

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

这里是HTML表单

<input type="text" id="fb" size="10" name="fb" value="" />

我怎样才能无论是在输入框中输入在脚本链接到apear何时调用函数？

来源

2011-09-04 Thomas Depole

如果我理解你的要求，你会从输入字段获取值，然后只用字符串除了打造你想要像这样的字符串：

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

来源

2011-09-04 05:15:37 jfriend00

完美！这正是我所期待的。我一直在用PHP编写很多程序，但在javascript变量上遇到了一些困难。如果用户在表单字段中输入Facebook的唯一ID，并且有一个小小的弹出框出现在他们的个人资料图片上以确认他们的ID，那么您对它的注册表格感到好奇。谢谢！ –

您应该能够使用$(this).val()：

$("#fb").blur(function() { 
    var t = $(this).val(); 
    var img = '<img src="http://graph.facebook.com/' 
      + encodeURIComponent(t) 
      + '/picture?type=large"/>'; 
    $.fancybox(img + '<br/>is that you?', { 
     //... 
    }); 
});

假设你的文字输入是当然的<input id="fb" type="text">，然后this将模糊处理程序中的文本输入。

来源

2011-09-04 05:15:21

$（本）.VAL（）是有用的，但我很难如何将该变量包含在链接中。我看到它是如何工作的，但我想保持简单，以便稍后再回到代码时更容易理解。我选择的用户作为答案击中了头部。谢谢！ –

Javascript和JQuery - 插入DOM到JQuery

回答

相关问题