Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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 AngularJS中ngDialog上剑道移动交换机的transform:translateX()问题_Javascript_Css_Angularjs_Kendo Ui - Fatal编程技术网

Javascript AngularJS中ngDialog上剑道移动交换机的transform:translateX()问题

Javascript AngularJS中ngDialog上剑道移动交换机的transform:translateX()问题,javascript,css,angularjs,kendo-ui,Javascript,Css,Angularjs,Kendo Ui,我在AngularJS项目中使用的是剑道移动交换机。它适用于页面。但是当我试图在ngDialog上使用它时,我遇到了ngDialogmodal上的transform:translateX()组件的问题。 它没有向右移动到27像素,而是停留在同一位置 我试图摆脱ngDialog.min.cssngDialog类为了解决这个问题,我删除了模块上的所有ngDialogcss类,但问题仍然存在。我无法将我的剑道移动开关向右切换到27像素 这是我的密码: <div ng-controller="n

我在AngularJS项目中使用的是剑道移动交换机。它适用于页面。但是当我试图在ngDialog上使用它时,我遇到了
ngDialog
modal上的
transform:translateX()
组件的问题。 它没有向右移动到27像素,而是停留在同一位置

我试图摆脱
ngDialog.min.css
ngDialog
类为了解决这个问题,我删除了模块上的所有
ngDialog
css类,但问题仍然存在。我无法将我的
剑道移动开关
向右切换到27像素

这是我的密码:

<div  ng-controller="navBarLimitedUseKeyCtrl" focus-group="" focus-group-head="stop" focus-group-tail="loop">
    <div kendo-mobile-switch
         k-on-label="'YES'" k-off-label="'NO'" ng-model="var.oneShot"
         k-on-change="onChangeOneShot()" data-qaid="chk-oneShot-default">
    </div>
</div>

AngularJS中的
ngDialog
上的
kendo mobile switch的
transform:translateX()
是否有人遇到过类似问题?怎么修的

该代码在我看来是这样的:


和我报道的问题一样。我正在使用Google Chrome版本72.0.3626.81(官方版本)(64位)

该问题可能是由一些自定义CSS引起的,因为此代码段没有显示任何问题

var-app=angular.module('exampleApp',['ngDialog','kendo.directives']);
应用程序控制器('MainCtrl',函数($scope,ngDialog){
$scope.clickToOpen=函数(){
ngDialog.open({
附录:'.main',
覆盖:假,
模板:`
`,
朴素:没错,
类名:“ngdialog主题默认”
});
};
});

打开

这正是我的ngDialog模块和剑道移动交换机的问题所在。剑道移动交换机在ngDialog外部运行良好,在ngDialog模式内部也存在同样的问题。我删除了除kendo.default.mobile.min.css之外的所有css,但在ngDialog中仍然存在问题。你知道问题的原因吗?谢谢,27个像素的偏移是什么?对我来说,这看起来不错。对我来说也不错,但当我点击切换按钮时,它不会传递到“是”。切换仍处于“否”状态。我在上面的问题中添加了截图。我现在看到了问题。我更新了代码段以比较对话框内外的开关。看来剑道开关可能正在使用一些JavaScript来翻译开关的滑动效果,而这在对话框中失败了。我会查看剑道论坛。顺便说一句,控件会对点击做出响应,并将其类从开切换到关。只有
translateX
始终保持为0。您可能能够捕获事件并以某种方式覆盖转换。