Question

我有一个标签显示在窗口的左下角，但似乎很难让它实际上可点击（也就是iframe不可点击），所以它不会在手机上做任何动画甚至是网络浏览器。

我怎么能解决这个错误？在控制台中，它说：Uncaught ReferenceError: $ is not defined。单击移动浏览器上的标签，并使iframe可以点击的问题？

注意：标签中有一个iframe，所以我也需要它可以点击，到目前为止我没有试过修复它。

注意：难以点击特别是指旧的移动设备和安装。（很难让它适用于那些）

¿我可以让点击区变大吗？

Answer 1

看看这个小提琴，动画现在正常工作：http://jsfiddle.net/bo9gy77q/2/ 我刚刚从“＃a-tab”类中删除了过渡属性，并且平滑度是

$("#a-tab,#a-tab *").click(function () {
    //$("#a-tab").focus();
    $("#a-tab").animate({
        width: '320px'
    }, "fast");
    $(".deluxe").animate({
        width: '30px'
    }, "slow");
})
$("#a-tab").on('focusout', function () {
    $("#a-tab").animate({
        width: '10px'
    }, "fast");
    $(".deluxe").animate({
        width: '5px'
    }, "fast");
});

#a-tab:focus {
    outline:none;
    width:340px;
}
.deluxe {
    position: relative;
    background:#999;
    width:5px;
    height:108px;
}
#a-tab {
    background:#FFF;
    border:solid #d9d9d9 2px;
    position: fixed;
    bottom: 12px;
    right: -20px;
    z-index: 5;
    width: 30px;
    height: 112px;
    padding: 5px 20px 5px 5px;
    
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div id="a-tab" tabindex="1">
    <table>
        <tbody>
            <tr>
                <td>
                    <div class="deluxe"></div>
                </td>
                <td></td>
                <td>
                    <div class="g-page" data-width="273" data-href="//plus.google.com/u/0/111125806825828710565" data-layout="landscape" data-rel="publisher"></div>
                </td>
            </tr>
        </tbody>
    </table>
</div>

标签很难点击

1 个答案: