Question

我正在尝试在下拉菜单中使用.hover。

我已将其设置为菜单标题显示当前页面，但当您将鼠标悬停在菜单上时，菜单标题将更改为主页名称。有点像这样：http://juerglehni.com/works/empty-words

这是我到目前为止所做的：

$(document).ready(function(){
        $( "#nav" ).hover(
    function(){
        $("#dynamictitle").html("<a href="/">homepage</a>");
        },
    function(){
        $("#dynamictitle").html("current page");
        }
    );

    });

http://jsfiddle.net/6gbRe/7/

第一个悬停参数在鼠标进入时将菜单标题更改为空，但第二个参数在鼠标离开时有效。

Answer 1

您需要将您尝试设置的字符串中的双引号转义为HTML：

$("#dynamictitle").html("<a href=\"/\">homepage</a>");

或者使用这样的单引号：

$("#dynamictitle").html("<a href='/'>homepage</a>");

这是一个有效的jsFiddle with escaped double quotes和另一个 with single quotes。

Answer 2

你必须逃避引号：

$(document).ready(function(){
        $( "#nav" ).hover(
    function(){
        $("#dynamictitle").html("<a href=\"/\">homepage</a>");
        },
    function(){
        $("#dynamictitle").html("current page");
        }
    );

});

jquery .hover - 第一个参数不起作用

2 个答案: