Javascript 选项卡很难单击

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

我怎样才能修好这个爱洛？控制台中显示：

uncaughtreferenceerror:$未定义

。在移动浏览器上单击选项卡并使iframe可单击有问题吗

注意：选项卡中有一个iframe，所以我也需要它是可点击的，到目前为止，我没有尝试修复它

注意：难以点击的地方特别指的是旧的移动设备和safary。（很难让它在这些设备上工作）

---

？我可以把可点击区域放大吗？

看看这把小提琴，动画现在运行良好且平滑： 我刚刚从“#a-tab”类中删除了transition属性，平滑度就在那里

$（“#a-tab，#a-tab*”）。单击（函数（）{
//$（“#a-tab”）.focus（）；
$（“#a-tab”）。设置动画({
宽度：“320px”
}“快”）；
$（“.deluxe”）.animate({
宽度：“30px”
}“慢”）；
})
$（“#a-tab”）。on（'focusout'，function（）{
$（“#a-tab”）。设置动画({
宽度：“10px”
}“快”）；
$（“.deluxe”）.animate({
宽度：“5px”
}“快”）；
});
#a-tab：焦点{
大纲：无；
宽度：340px；
}
.豪华{
位置：相对位置；
背景：#999；
宽度：5px；
高度：108px；
}
#a-tab{
背景：#FFF；
边框：实心#d9d9d9 2px；
位置：固定；
底部：12px；
右：-20px；
z指数：5；
宽度：30px；
高度：112px；
填充：5px20px 5px 5px；
}

jquery代码不在
ready（）
块中，因此可以在DOM完全加载之前或jquery库加载之前执行。你得到的错误表明是后者。您是否注意到您的小提琴不包括jquery？这就是没有定义$的原因…检查一下你的小提琴我添加了一些小的编辑：只有在JSFIDLE中没有包含jquery。当它被过度使用时，问题就不存在了，但这可能会解决它的其他问题，谢谢。我不知道如何将jquery添加到JSFIDLE谢谢。谢谢它对选项卡有帮助，但我最近发现如何添加iframe是主要问题。请你们看一下，帮我个忙好吗？你们可以单独问这个问题，但对于当前的问题，若你们的问题得到解决，请投票表决回答