2016-05-09 8 views
0

私は自分のサイトにAJAX MultiHandleSliderExtenderを追加してレイアウトをカスタマイズしました。これですべて正常に動作し、マウスを使用してスライダレールをドラッグできます。しかし、タッチスクリーンモニタを使用してスライダをドラッグしようとすると、動作しないように見えます。私はタッチスクリーンを使用してレールをクリックすることができ、レールはその位置に移動しますが、理想的には私はレールに触れ、それを必要な値にドラッグしたいと思います。タッチスクリーンのドラッグ機能をAJAX multihandlesliderextenderに追加

クライアントは、このソリューションにタッチスクリーンモニターを使用したいと肯定的なので、私はこの問題を解決する必要があります。しかし、私はこれに関する記事を見つけることができません。これに関する助けの指針は非常に高く評価されます。

以下はコードの例です。

Minimum: 
<asp:TextBox ID="txtMin" runat="server" CssClass="txtSmall"> 
Maximum: 
<asp:TextBox ID="txtMax" runat="server" CssClass="txtSmall"> 

<ajaxToolkit:MultiHandleSliderExtender ID="txtMultiHandleSliderExtender" RailCssClass="SliderRail" Length="1000" runat="server" BehaviorID="MultiHandleSliderExtender" HandleAnimationDuration="0.1" Maximum="25" Minimum="1" TargetControlID="txtSlider" EnableHandleAnimation="True"> 





<asp:TextBox ID="txtSlider" runat="server"> 

私が試してみました何CSS

.txtSmall 
{ 
border:1px solid #3A3A37; 
background-color:#FFFFFF; 
color:#373737; 
width:50px; 
height:40px; 
font-size:20px; 
} 

.SliderHandle { 
position: absolute; 
background: url('../Design/Images/btn3.png') no-repeat; 
height:30px; 
width: 30px; 
} 

.SliderRail { 
position: relative; 
background: url('../Design/Images/slider.jpg') repeat-x; 
height: 22px; 
width: 150px; 
} 

:私は効果なしで、実際のMultiHandleSliderExtenderと関連するCSSクラスの設定を修正しようとしてい

答えて

1

私はMultiHandleSliderExtenderの例をSample siteにしようとしましたが、そのモニターのタッチドライバーはこれを行えないというアイデアを思いつきました。 スライドするとページ全体が移動したり、マウスの右クリックのように長いタッチが検出されたりします。

関連する問題