国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

前端 - 微信網(wǎng)站左滑菜單出現(xiàn)操作按鈕,怎么做?
阿神
阿神 2017-04-17 13:27:37
0
1
465

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)修行中......

reply all(1)
劉奇

Try ionic, it seems that there is a ready-made space, it is this kind of left swiping that can bring up options

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template