Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过单击输入组插件启动jQuery计算器_Javascript_Html_Jquery - Fatal编程技术网

Javascript 通过单击输入组插件启动jQuery计算器

Javascript 通过单击输入组插件启动jQuery计算器,javascript,html,jquery,Javascript,Html,Jquery,我需要在单击输入字段右侧的计算器图标时启动jQuery计算器()。引用的计算器很好,有很好的文档,但我想我需要比我更聪明的人,在单击字段右侧的“fa计算器”图标时,找出如何启动它 我已经设置了我的表单输入字段,如下所示。计算器允许使用按钮启动它,但它只是在字段旁边创建一个按钮,这不是我想要的 谢谢大家! <div class="input-group"> <span class="input-group-addon">A&l

我需要在单击输入字段右侧的计算器图标时启动jQuery计算器()。引用的计算器很好,有很好的文档,但我想我需要比我更聪明的人,在单击字段右侧的“fa计算器”图标时,找出如何启动它

我已经设置了我的表单输入字段,如下所示。计算器允许使用按钮启动它,但它只是在字段旁边创建一个按钮,这不是我想要的

谢谢大家!

<div class="input-group">
    <span class="input-group-addon">A</span>
    <input name="a" id="a" class="c form-control input-mini" type="text">
    <span class="input-group-addon"><i class="fa fa-calculator"></i></span>
</div>

当用户单击
时,您可以自己显示计算器。input group addon
,如下所示:

$('input group addon')。on('click',function(){
$('basicCalculator')。计算器('show');
});

$('basicCalculator')。计算器({
showOn:'操作员',
});
$('.input group addon')。on('单击',函数()){
$('basicCalculator')。计算器('show');
});

$('#a').calculator({showOn:'operator'});