Question

我正在尝试创建一个弹出对话框，用户可以使用加号和减号按钮输入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');

OR

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

应用程序返回index.html页面（从打开的页面弹出窗口）。

如果我使用：

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

没有任何反应。

来自：alert($('#prod_amount_input').val());我知道价值已经改变，但输入字段中的值不是。

如何在弹出窗口中更新数字输入值？

我尝试创建的内容如下： http://imgur.com/q0VEF

谢谢！

Jquery mobile，使用数字输入，加/减按钮实现弹出窗口

0 个答案: