javascript - 在 jquery 或 jquery mobile 中，如何将用户创建的链接传递给用户创建的按钮？用户是指最终用户，而不是我

Question

我已经开始使用这个例子：http: //jsfiddle.net/WEyyh/144/；

<div data-role="page" id="home">
    <div data-role="content">

        <input type="text" id="buttonText" placeholder="Enter Button Name"/>
        <input type="button" id="createButton" value="Create Button" />
        <div id="buttonPlaceHolder">&nbsp;</div>

    </div>
</div>
<script>
    $('#createButton').bind('click', function() {
        $('#buttonPlaceHolder').append('<a href="#"  
            data-role="button">'+$('#buttonText').val()+'</a>');
        // refresh jQM controls
        $('#home').trigger('create');
    });
</script>

现在我想通过输入他/她的网址并将其传递给该按钮的锚点来为用户创建的每个新按钮添加功能。即，一旦单击“创建按钮”，我想将“href="#"”中的哈希标记替换为用户在地址字段（将位于“输入按钮名称”字段的正下方）中键入的任何内容。我已经尝试了好几天，但我认为我还没有接近解决这个问题或找到一个很好的例子。

Answer 1

在这里看看这个小提琴 - http://jsfiddle.net/WEyyh/152/

我只是以您的示例为例，并在您的表单中添加了另一个输入，其 id 为 url.. 并且在创建按钮时，我使用该输入的 .val() 并将其而不是 # 在您的锚点中

$('#buttonPlaceHolder').append('<a href="' + $('#url').val() + '" data-role="button">'+$('#buttonText').val()+'</a>');

请记住，当您在输入框中输入内容时，您应该有 http:// ，否则它将假定它是一个本地链接.. 尝试http://www.google.com

val() 的 API 链接 - http://api.jquery.com/val/