Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html jqueryui";“切换类”;不放松_Html_Css_Jquery Ui - Fatal编程技术网

Html jqueryui";“切换类”;不放松

Html jqueryui";“切换类”;不放松,html,css,jquery-ui,Html,Css,Jquery Ui,我有一排箱子 我希望它们在鼠标上方展开 和合同上的鼠标关闭 为了实现这一点,我使用jQueryUI切换CSS类。 关于jsFiddle 它工作得很好,只是转换不像JQuery演示中那样轻松自如 我做错了什么?非常感谢您的帮助(或关于更好方法的建议)。我认为您也需要easing library插件,兄弟: 您没有启用jQuery UI。选中jsFiddle上的复选框,它就会工作。例如:尝试启用jQuery UI。此外,这段代码对于您的所有框都应该足够了(您不必重复几次) 谢谢@j08691,这

我有一排箱子

  • 我希望它们在鼠标上方展开
  • 和合同上的鼠标关闭
为了实现这一点,我使用jQueryUI切换CSS类。 关于jsFiddle

它工作得很好,只是转换不像JQuery演示中那样轻松自如


我做错了什么?非常感谢您的帮助(或关于更好方法的建议)。

我认为您也需要easing library插件,兄弟:


您没有启用jQuery UI。选中jsFiddle上的复选框,它就会工作。例如:

尝试启用jQuery UI。此外,这段代码对于您的所有框都应该足够了(您不必重复几次)


谢谢@j08691,这是一件很麻烦的事。我没有意识到我必须勾选这个框。我已将其包含在“资源”中。如果我以正常方式将其包含在标题中是否可以:“”或者我是否需要对其进行初始化?当然,只需先包含jQuery,然后再构建jQuery UI,这样就可以了。您还可以将所有代码合并到更紧密的“$(“.feature”).hover(function(){$(this.toggleClass(“feature_expand”,1000);返回false;});`()直接链接到“jquery-ui-1.8.17.custom.min.js”文件,我无法让它工作。你知道这是不是正确的文件吗?解决问题的是JQueri UI上生成的核心依赖的效果。我没有包括完整的jqueryui脚本,它具有缓和/过渡效果。现在可以了:)对不起,@j08691抢先了。如果可以的话,我会在你们之间分享这个“勾号”,因为你们提供了有用的代码缩短帮助。我把你的答案投了赞成票!
$(function() {
    $( ".feature" ).hover(function() {
        $( this ).toggleClass( "feature_expand", 1000 );
        return false;
    });
});