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');

什么都没发生。

来自:alert($('#prod_amount_input').val());我知道该值已更改,但输入字段中的值没有。

一些想法如何更新弹出窗口中的数字输入值?

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

谢谢!

4

0 回答 0