Javascript 和 JQuery - 将 DOM 插入 JQuery

Question

好的，这是我的问题 我有一个框显示用户的 FB Pic 以确认他们的输入，但我在弄清楚如何让用户在输入框中键入的内容出现在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="" />

当函数被调用时，我怎样才能让输入框中输入的内容出现在脚本的链接中？

Answer 1

您应该能够使用 $(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将是模糊处理程序中的文本输入。