1

ユーザーがプラスとマイナスのボタンを使用して x (数値) の量を入力できるポップアップ ダイアログ ボックスを作成しようとしています。

長い間失敗した後、既存のソリューションを検索します。

jquery.mobile.simpledialog2.min.js を使用しています。

- - - - - コード: - - - - - - - - -

<script type="text/javascript">
    $(document).delegate('#inliner', 'click', function() {
        $('#inlinecontent').simpledialog2();
    });

    $(document).delegate('#amount_plus', 'click', function() {
        x = $('#prod_amount_input').val();
        x = eval(x)+1;
        $('#prod_amount_input').val(x);
        //$('#prod_amount_input').textinput('refresh');
        //$('#prod_amount_input_div').textinput('refresh');
        //$('#prod_amount_input').trigger('create');
        //$('#prod_amount_input_div').trigger('create');
        alert($('#prod_amount_input').val());

    });

    $(document).delegate('#amount_minus', 'click', function() {
        $('#inlinecontent').simpledialog2();
    });
</script>

<a href="#" id="inliner" data-role="button">Open Dialog #1</a>
<div id="inlinecontent" style="display:none" data-options='{"mode":"blank","headerText":"Amount","headerClose":false,"blankContent":true}'>
    <div class="ui-grid-b">
        <div class="ui-block-a"><a rel='' data-role='button' href='#' id="amount_plus">+</a></div>
        <div class="ui-block-c" id="prod_amount_input_div">
            <input type="number" name="number" id="prod_amount_input" value="0" >
        </div>
        <div class="ui-block-b"><a rel='' data-role='button' href='#' id="amount_minus">-</a></div>
    </div>
    <a rel='close' data-role='button' href='#'>Close</a>
</div>

--------------- コードエンド ---------------

私が使用する場合:

$('#prod_amount_input').textinput('refresh');

また

$('#prod_amount_input_div').textinput('refresh');

アプリケーションは index.html ページに戻ります (ページ ポップアップから)。

私が使用する場合:

$('#prod_amount_input').trigger('create');
$('#prod_amount_input_div').trigger('create');

何も起こりません。

from:alert($('#prod_amount_input').val());値が変更されていることはわかっていますが、入力フィールドの値は変更されていません。

ポップアップで数値入力値を更新する方法についていくつかのアイデアはありますか?

私が作成しようとしているものは次のようになります: http://imgur.com/q0VEF

ありがとう!

4

0 に答える 0