我的jQuery脚本不起作用……但我不知道为什么

首先，我知道这完全可以通过CSS实现，但我最近学习了jQuery，尽管我会尝试通过jQuery来帮助提高我的技能

我试图使它这样，当我鼠标在一个图像，它会变成半不透明。。。我知道这应该很简单。但我想我一定错过了什么 我的标记是 我的剧本是

    $(document).ready(function(){
        $(".port-item-img").hover(function() {
                $(this).css("opacity", "0.5");
            };
        );
    });

有什么理由不能这样做吗

这应该行得通

 $(document).ready(function(){
    $(".port-item-img").hover(function() {
            $(this).css("opacity", "0.5");
        });
 });

---

你补充说,；对于}

您有一个额外的分号。删除它，并确保包含jQuery和具有正确url的图像

$(document).ready(function () {
    $(".port-item-img").hover(function () {
        $(this).css("opacity", "0.5");
    }); //<--- Here was an extra ; 
});

---

对于那些想知道。。。。是wordpress问题，wordpress不允许$document.ready{}；相反，您需要使用jQuerydocument.ready${}

Javascript控制台中是否有错误？输入错误}；这个不应该在那里-尽管悬停实现应该感谢您指出额外的。。。但仍然不起作用。img被包装在一个不应该有什么区别的a中，是吗？你能制作一个fiddle@ShoutItWebSolutions吗？它在fiddle im中运行良好，使用wordpress并调用bloginfo的“模板目录”；函数以回显url。。。这不会影响它，是吗？@ShoutItWebSolutions它在php中运行良好，所以我不知道这是否是问题所在，但可能是。你确定它在小提琴中运行良好吗？这里没有，除非我把Javascript移到Javascript框中。。。哦，不管你在哪里悬停，它只会使顶部的图像模糊。

$(document).ready(function(){
    $(".port-item-img").hover(function() {
            $(this).css("opacity", "0.5");
        }; // extra ;
    );
});