Question

您好，我只是在做用户个人资料，并且认为允许他们在他们的个人资料中添加Facebook链接，并在点击或模态窗口中预览它会很酷，但这很容易。

我做了一个小提琴：http://jsfiddle.net/ozzy/kw7gH/1/

基本上，我希望用户在输入框中键入一个facebook ID，显示预览，然后他们所做的输入文本会附加到href链接，以便点击它时会测试该URL。

js是：

$(function(){   
    $(".facebookID").keyup(function(){
            var facebookID=$(this).val();
            $(".facebookID_preview").html(facebookID);
            return false;
    });
});

基本上我想将输入的文本添加到href链接，所以如果他们键入stackoverflow，链接将是http://facebook.com/stackoverflow

Answer 1

添加

怎么样？

$("div a").attr("href","http://facebook.com/"+$(".facebookID_preview").text());

在return false声明之前

？请注意，链接的选择器可能需要在真实的网页环境中更具体一些......

Answer 2

$('a').click(function(e) {

    e.preventDefault();

    window.open($(this).attr('href') + '/' + $('.facebookID_preview').html());
});

http://jsfiddle.net/kw7gH/5/

将类型文本附加到链接url（live） - 包含演示

2 个答案: