Question

尝试将.mouseover上的段落颜色更改为红色，将.mouseleave更改为黑色。同时检查页面的标题。例如，如果主页的标题是＆＃34; home＆＃34;，那么我希望颜色保持红色，但如果用户在不同的页面上，那么我希望它再次变黑。由于某种原因，var = current_title在每个.mousover / .mouseleave函数上都会发生变化，因此即使将鼠标移开，每个段落也会保持红色。使用console.log认为变量在.mouseover / .mouseleave函数之后发生了变化，但是无法弄清楚问题是什么。有什么帮助吗？

jquery代码：

（文档）$。就绪（函数（）{

var Home = "Home"
var Store = "Store"
var Gallery = "Gallery"
var Shopping_Cart = "Shopping Cart"
var current_title = $(document).attr('title');
console.log(current_title);


$(".Home").mouseover(function(){
    $(this).css("cursor", "pointer");
    $(".Home_Text").css("color", "red");
});
$(".Home").mouseleave(function(){
    if (current_title = Home) {
    $(".Home_Text").css("color", "red");
}
    else {
    $(".Home_Text").css("color", "black");
    }
});

$(".Store").mouseover(function(){
    $(this).css("cursor", "pointer");
    $(".Store_Text").css("color", "red");
});
$(".Store").mouseleave(function(){
    if (current_title = Store) {
    $(".Store_Text").css("color", "red")
        console.log(current_title)
}
    else {
    $(".Store_Text").css("color", "black")
};
});

HTML code：

<div class="nav">
                <div class="Logo"><img src=""></div>
                <div class="Home"><div id="Home"><p class="Home_Text">Home</p></div></div>
                <div class="Store"><div id="Store"><p class="Store_Text">Store</p></div></div>
                <div class="Gallery"><div id="Gallery"><p class="Gallery_Text">Gallery</p></div></div>
                <div class="Shopping_Cart"><div id="Shopping_Cart"><p class="Shopping_Cart_Text">Cart</p></div></div>
            </div>

jquery正在改变if else语句的变量

0 个答案: