Javascript 为什么赢了'；jQuery幻灯片效果在本例中不起作用吗？

默认情况下，

.controlbar

是隐藏的

.imagecontainer

div将附加到#photoAlbum div之后 这是一个ajax请求，因此我使用

.on（）

而不仅仅是

.hover（function（）{}，function（）{}）

HTML，下拉背景是绝对定位

$("#photoAlbum").on("mouseenter", ".imagecontainer", function () {
    $(this).find('.controlbar').show("slide", { direction: "down" }, 1000);
}).on("mouseleave", ".imagecontainer", function () {
    $(this).find('.controlbar').hide("slide", { direction: "up" }, 1000);
});

将文件拖到此处以上载

如果希望脚本正常工作，应该加载库

或使用：

<div id="photoAlbum" class="tabcontent">

        <div id="drop-backdrop"> 
            <div class="text">Drag files here to upload</div> 
        </div> 
        <canvas id="drop-target"></canvas> 

<div class="imagecontainer"><div class="controlbar" style="visibility: hidden; "><img src="/TreeView/images/delete.png" width="16px" height="16px"></div><img src="/Content/photoAlbums/9/3/539695_t.jpg"></div></div>

---

使用

style=“visibility:hidden；”而不是
style=“display:none；”
@LaserBeak您是否在page@LaserBeak你能给我们看一下你的html代码的一部分吗？你有
photoAlbum
。slideDown（）不需要jQuery UI，是吗？@LaserBeak
slideDown（）
不需要
jQuery UI
@LaserBeak而不是
style=“可见性：隐藏；”
使用
style=“显示：无；”
$("#photoAlbum").on("mouseenter", ".imagecontainer", function () {
    $(this).find('.controlbar').slideDown(1000);
}).on("mouseleave", ".imagecontainer", function () {
    $(this).find('.controlbar').slideUp(1000);
});