2016-01-20 124 views
0

我目前正在寻找一种解决方案,以在用户调整浏览器大小时更改我的Jquery旋钮图表的大小。直到现在我只找到一个解决方案:重新调整大小调整网站,并检查浏览器宽度,并根据此设置高度和宽度。 但是这在智能手机上无法正常工作。 也许你有想法?Jquery旋钮更改浏览器大小调整大小

+1

你使用jquery旋钮滑块或其他图表控件?你可以更新任何截图或jsfiddle与你的试用版。 – Soundar

+0

它不那么容易,所以没有机会做到这一点。 - 这是旋钮滑块 但我想到了它,如果即时通讯权利,我只需要一个函数,证明如果大小之前大于“var a”和第一次当我调整大小,比“var a”它应该重新加载页面,但只有一次不是每次调整大小:x 任何想法? @SoundarR – xNiceEinz

+1

你使用[jQuery旋钮](http://anthonyterrien.com/knob/),我不认为它是否支持响应,因为这是一个画布元素..你试过[jQuery roundSlider](http: //roundsliderui.com),它支持响应模式... – Soundar

回答

1

尚未在智能手机上进行测试,但为了使旋钮响应,您应该为其元素添加data-width属性。

一个例子:

<input class="knob" data-width="50%" value="35"> 

你可以找到jQuery Knob's github另一个例子。

+0

@xNiceEinz如果此解决方案回答了您的问题,请接受它。如果没有,也许我可以举一些其他的例子或进一步的帮助? – Harry