Framework7初步尝试(一):不支持siblings()


本站长承接“企业网站定制服务,有想做网站的客户可联系!站长QQ:739696033 | 微信:bing-0719

Framework7 doesn’t use any third party library, even for DOM manipulation. It has its own custom DOM7 – DOM library that utilizes most edge and high-performance methods for DOM manipulation. You don’t need to learn something new, its usage is very simple because it has the same syntax as well known jQuery library with support of the most popular and widely used methods and jQuery-like chaining.

官方说Framework7不需要任何第三方library,因为自带的Dom7已经集成了常用的Dom操作,使用方法和jquery/Zepto是一样的。(好吧,算是jquery的精简版,稍后就知道多坑了!)

To start use it there is a Dom7 global window function, but we recommend to assign it to some local variable with more handy name, like $$

官方提供有一个 Dom7 的全局变量,为了方便使用,我们用 $$ 存储到局部变量中。。

//Export DOM7 to local variable to make it easy accessable

var $$ = Dom7;

然后呢就列举了一大堆 Dom7的方法,使用和juqery/zepto是一模一样的。然后踩坑开始了。

  <script>

 

$$(‘.toolbar-inner a’).on(‘click’,function(){

 

$$(this).addClass(‘active’);

// $$(this).siblings().removeClass(‘active’);   注意这里并不支持 siblings()方法

$$(this).nextAll().removeClass(‘active’);

$$(this).prevAll().removeClass(‘active’);

});

</script>


既然不支持那就只能前后查找了。

$$(this).nextAll().removeClass(‘active’);

$$(this).prevAll().removeClass(‘active’);

最后做了一个小 demo:http://www.bcoder.cn/demo/sosuo/baidu.html

这里说下phonegap的打包,说下在线打包,这个功能和hbuilder有点类似,只不过hbuilder是集成在ide内了,phonegap是web形式,支持ios,安卓,wp

https://build.phonegap.com/apps/

这里就不多把玩了。下面给出的是web形式

img_1625

 

站长QQ:739696033 | 微信:bing-0719:Bcoder资源网 » Framework7初步尝试(一):不支持siblings()


扫描二维码关注微信公众号:“bcoder-cn 声明:本站内容部分来自互联网,仅供交流学习之用,请勿作商业用途,版权归原作者所有。如果有侵犯到您的权益,请提供相关证明联系本站删除,谢谢合作!
赞 (0)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址