Linechart 上的单击 jQuery 不工作 angularjs

发布时间: 2017/4/16 2:59:34
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我有一些数据的 linechart,我的终极目标是,如果你点击一个点你转到相应的页面。

这是我的网页︰ https://gyazo.com/0a7ace53799f3b72253789a934dd6634

这是我的 html 标记︰

        <linechart id="chart"
            data="data" 
            options="options" 
            mode="" 
            width="" 
            height="500"  ng-init="onInit()">
        </linechart>

当我试着选择的点︰

       var dot = $('.dot');
       console.log(dot);
       dot.on('click',function(){
          console.log('test');
       });

它似乎无法找到它。即使被加载的页面的 html 在圆圈标记与 classname '点' 点。

像这样的︰ https://gyazo.com/a74d279bbf9acbd8f7a61f9eb9b21164

解决方法 1:

你是 registerring '点击' 事件之前的元素都是建立在 DOM 中的指令。

你应该检查是否存在的元素,和,只有在注册后单击事件。

你可以使用setInterval函数︰

var checker = setInterval(checkDot, 50)
function checkDot(){
  if($('.dot').length > 0){
    clearInterval(checker);
    $('.dot').on('click', yourFunction);
  }
}

反正在角应用程序中使用 jQuery 事件不是最好的解决办法。

在这 'linechart' 指令文件中查找单击事件功能 !如果没有,您可以尝试通过添加修改模板指令的 ng-srcng-click 或甚至只是 href 属性

赞助商