RT
微信網(wǎng)站上的左滑菜單出現(xiàn)操作按鈕,
用百度的touch.js做了一個(gè),但是微信里有問題,滑動(dòng)完需要點(diǎn)擊一下頁面上的按鈕什么的才會(huì)出現(xiàn)滑動(dòng)效果。
該怎么做呀
代碼:
<ul class="am-list app_list_striped app_list app_list_boxShadow">
<li id="app_list_action1">
<p class="app_list_item" href="">
<p class="app_list_icon">
<img src="" alt="">
</p>
<p class="app_list_content">
<span>我的診療</span>
<i class="am-icon-angle-right"></i>
</p>
</p>
<p class="app_list_action">
<button type="button" class="am-btn am-btn-primary">電話</button>
<button type="button" class="am-btn am-btn-primary">電話</button>
</p>
</li>
<li id="app_list_action2">
<p class="app_list_item" href="">
<p class="app_list_icon">
<img src="" alt="">
</p>
<p class="app_list_content">
<span>我的診療</span>
<i class="am-icon-angle-right"></i>
</p>
</p>
<p class="app_list_action">
<button type="button" class="am-btn am-btn-primary">電話</button>
<button type="button" class="am-btn am-btn-primary">電話</button>
</p>
</li>
<li id="app_list_action3">
<p class="app_list_item" href="">
<p class="app_list_icon">
<img src="" alt="">
</p>
<p class="app_list_content">
<span>我的診療</span>
<i class="am-icon-angle-right"></i>
</p>
</p>
<p class="app_list_action">
<button type="button" class="am-btn am-btn-primary">電話</button>
<button type="button" class="am-btn am-btn-primary">電話</button>
</p>
</li>
</ul>
js-touch.js
touch.on($("#app_list_action1"), 'swipeleft', function(ev) {
// ev.preventDefault();
$("#app_list_action1").css("webkit-transition", "all ease .2s");
$("#app_list_action1").css("webkit-transform", "translateX(-133px)");
console.log(this);
});
touch.on($("#app_list_action1"), 'swiperight', function(ev) {
// ev.preventDefault();
$("#app_list_action1").css("webkit-transition", "all ease .2s");
$("#app_list_action1").css("webkit-transform", "translateX(0px)");
console.log(this);
});
閉關(guān)修行中......
Try ionic, it seems that there is a ready-made space, it is this kind of left swiping that can bring up options