Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.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
Jquery 在启用触摸功能的windows笔记本电脑上,浏览器中的SVG元素不会触发单击事件_Jquery_Angularjs_Svg_Kendo Ui - Fatal编程技术网

Jquery 在启用触摸功能的windows笔记本电脑上,浏览器中的SVG元素不会触发单击事件

Jquery 在启用触摸功能的windows笔记本电脑上,浏览器中的SVG元素不会触发单击事件,jquery,angularjs,svg,kendo-ui,Jquery,Angularjs,Svg,Kendo Ui,我用AngularJS(1.3)和KendoUI(2016.1.112)以及jquery(2.1.4)实现了一个流程图。流程图中的每个形状都有一个关联的单击事件,该事件将打开一个弹出窗口 一切正常,但在启用触摸功能的windows笔记本电脑上,弹出窗口不会打开(单击事件从未传递),控制台中没有错误。最可能的问题是触摸事件干扰了点击事件 解决方法之一是禁用机器上的触摸输入,从而解决问题 在HTML中: <div kendo-diagram k-options="vm.options"

我用AngularJS(1.3)和KendoUI(2016.1.112)以及jquery(2.1.4)实现了一个流程图。流程图中的每个形状都有一个关联的单击事件,该事件将打开一个弹出窗口

一切正常,但在启用触摸功能的windows笔记本电脑上,弹出窗口不会打开(单击事件从未传递),控制台中没有错误。最可能的问题是触摸事件干扰了点击事件

解决方法之一是禁用机器上的触摸输入,从而解决问题

在HTML中:

    <div kendo-diagram k-options="vm.options" k-data-source="vm.shapes" k-connections-data-source="vm.connections"
        ng-style="{'height': vm.height, 'width': vm.width}"></div>

这是旧剑道UI版本(2016.1.112)的问题。升级到2016.2.504后工作。

添加事件处理程序的代码将帮助人们回答您的问题!你有没有试过使用这个软件?Sandman我的主要用例是支持点击事件,而不是特别担心支持触摸/点击事件,因为用户主要是桌面用户。都支持!!只是一个更新,还没有找到任何解决问题的方法,但这个问题似乎只发生在微软的surface笔记本电脑上,但可以在其他设备上使用(适用于iPhone/iPad)。
var clicked = function (e) {
        alert("Hi");
        //...
};

vm.options = {
    shapeDefaults: {
        editable: false,
        visual: visualTemplate
    },
    click: clicked,
    pannable: false,
    dataBound: onDataBound,
    editable: false,
    zoom: 0.75,
    zoomStart: function (e) {
        e.preventDefault();
    },
    drag: function (e) {
        e.preventDefault();
    },
    connectionDefaults: {
        stroke: {
            color: "Black",
            width: 6
        },
        selectable: false,
        editable: false,
        endCap: {
            type: "ArrowEnd",
            stroke: {
                color: "Black",
                width: 6
            }
        }
    },
    layout: {
        type: "layered",
        subtype: "right",
        layerSeparation: 100,
        grid: {
            offsetX: 400,
            offsetY: 100
        }
    }
};