Question

我正在对使用Angular的移动应用程序使用jquery.touchSwipe.min.js。 HTML和JQuery代码可以在我的Index.html页面上完美运行。

但是，我的以下页面使用Angular。无论我如何尝试使用指令或其他方式在Angular中“连接”相同的工作JQuery“ swipe”方法调用，都不会触发。该代码在下面列出。请帮忙。谢谢，詹姆斯

此代码有效

<script type="text/javascript" src="js/jquery.touchSwipe.min.js"></script>
<script id='code_1'>

$(function() 
{
    $("#test").swipe({

   swipe: function (event, direction, distance, duration, fingerCount, fingerData)
        {

            $(this).text("You swiped " + direction);
            x = $("#test").offset().left;
            y = $("#test").offset().top;

        },
       threshold:0
    });
});
</script>

<div style="height: 160px;">
     <div style="height: 50px;" id="test" class="box">Swipe me</div>
</div>

此代码无效

app.directive('myDirective', function ()
{
    return {
        template: 'SWIPE ME',
        link: function ( scope, element, attrs ) {
            var on = false;

            $(element).swipe(function ()
            {
                alert("myDirective swipe.");
            });
        }
    };
});

<div id="swipe" my-directive style="height: 100px;color: white;">
    Using MyDirective
</div>

如何在Angular中连接JQuery TouchSwipe事件

0 个答案: