我正在尝试创建一个弹出对话框,用户可以在其中输入 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
谢谢!