0

この例を使用して始めました: 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="#"」のハッシュ記号を、ユーザーがアドレス フィールド (「ボタン名の入力」フィールドのすぐ下にある) に入力したものに置き換えたいと考えています。私は何日も試みてきましたが、これを理解したり、良い例を見つけたりするのに近づいたとは思いません.

4

1 に答える 1

0

ここでこのフィドルをチェックしてください - http://jsfiddle.net/WEyyh/152/

私は単にあなたの例を取り、url..のIDで別の入力をフォームに追加しました

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

入力ボックスに何かを入力するときは、http:// を入力する必要があることに注意してください。そうしないと、ローカル リンクであると見なされます。http://www.google.comを試してください。

val() の API リンク - http://api.jquery.com/val/

于 2013-10-22T22:03:37.797 に答える