［已解决］htm＋css＋js的Framework7中如何检测点击事件

折腾：

［记录］本地使用UI框架搭建web app页面原型

期间，用了framework7的UI框架

现在需要实现其中一行文字的点击事件，然后跳转到新页面

需要检测到，点击了该行到事件

自己去折腾my-app.js中：

$$(‘.toorganize_task_1_subtask_1’).on(‘click’, function (e) {

//$$(this).addClass(‘hello’).attr(‘title’, ‘world’).insertAfter(‘.something-else’);

myApp.alert(‘clcked toorganize_task_1_subtask_1’);

});

index.html

<ul>

<li>

<div class=”item-title” name=”toorganize_task_1_subtask_1″ value=”toorganize_task_1_subtask_1″>已经看过了，首页中的icon可以换一个，其他页面没问题，换好今天下午发出来</div>

</div>

</li>

<li>

但是都没效果。

framewrok7 detect click

framework7 detect click

javascript – how to implement double tap in framework 7 – Stack Overflow

－》属性是.attr

长度是.length

How To Detect Which Element Was Clicked, Using jQuery | Metal Toad

Detect click with pure JavaScript – clubmate.fi

侧边栏 | Framework7文档

去把js加到html中

改为：

<ul>

<li>

<div class=”item-title”>已经看过了，首页中的icon可以换一个，其他页面没问题，换好今天下午发出来</div>

</div>

</li>

就可以了：

点击对应的文字，会弹框：

－》但是很明显：

会导致显示异常

－》没有了之前的文字左对齐了。。。

然后再去改为：

my-app.js

$$(‘.item-inner’).on(‘click’, function (e) {

//$$(this).addClass(‘hello’).attr(‘title’, ‘world’).insertAfter(‘.something-else’);

myApp.alert(‘clicked item-inner’);

});

index.html

<ul>

<li>

<div class=”item-title”>已经看过了，首页中的icon可以换一个，其他页面没问题，换好今天下午发出来</div>

</div>

</li>

<li>

<div class=”item-title”>设计稿新版已发出</div>

</div>

</li>

</ul>

</div>

效果是：点击任意一个列表内容，都可以弹框：

转载请注明：在路上 » ［已解决］htm＋css＋js的Framework7中如何检测点击事件

Post Views: 1,214

［已解决］htm＋css＋js的Framework7中如何检测点击事件

与本文相关的文章

Hi，您需要填写昵称和邮箱！