jquery - 如何使用jquery改变左边的值

Question

我有两个类:

offcanvas-menu-selector 和子导航。默认情况下，子导航的左值是left:-250px。我想在单击 offcanvas-menu-selector

时将此值更改为 left:0px

我尝试了以下方法:

$('.offcanvas-menu-selector').onclick(function(){
    $('.sub-navigation').css({left: 0, position:'absolute'});
});

但它不起作用。给我一个错误: Uncaught TypeError: undefined is not a functionjquery.js:33 (anonymous function)jquery.min.js:2 jjquery.min.js:2 k.fireWithjquery.min.js:2 m.extend.readyjquery.min. js:2 J

我该怎么做？

Answer 1

$('.offcanvas-menu-selector').click(function(){
    $('.sub-navigation').css({left: 0, position:'absolute'});
});

解释

onclick 在 jQuery 中不存在。它是点击你所追求的。

http://api.jquery.com/click/

编辑

虽然这现在有效，并且您已成功使用 javascript/jQuery 设置 CSS 属性，但我不推荐它。我更喜欢将功能 (js)、样式 (css) 和标记 (html) 尽可能分开。

话虽如此，我更喜欢这种方法:

CSS:

.myClass
{
   left: 0;
   position: absolute;
}

JS:

$('.offcanvas-menu-selector').click(function(){
    $('.sub-navigation').toggleClass('myClass');
});

解释

您现在只是使用 jQuery 来切换一个类，但在您的样式表中拥有该类的所有属性。整洁多了。在线定义样式/在 jQuery 中很可能会让你头疼。此方法还解决了您在评论中提出的问题。