Question

我有两个按钮在悬停时会改变颜色。他们都是雇主和雇员。我有一个Div低于他们，我想在一个人徘徊时相应地改变文本。除非另一个按钮悬停在上面，否则我不希望删除文本。

颜色更改有效，但它不会在文件中插入文本。我的语法错了吗？

我怎样才能做到这一点？

JQUERY

    $(document).ready(function () {

        var pigText = new Array("Employee INFO", "Employer INFO");
        //Button Color Change
        $("#employerButton").mouseenter(function () {
            $("#employerButton").css("background-color", "#989898");
            $("#employeeButton").css("background-color", "#6EBE44");
            $("pigText[1]").appendTo("#pigTextHolder");
        });


        $("#employeeButton").mouseenter(function () {
            $("#employeeButton").css("background-color", "#989898");
            $("#employerButton").css("background-color", "#6EBE44");
            $("pigText[0]").appendTo("#pigTextHolder");
        });


    });

HTML

<div class="d1-d2 greenSideBar" id="leftGreenSideBar" >

</div>
<div class="d3-d6 m1" id="employerButton">
    <p>Employer</p>
</div>
<div class="d7-d10 m1" id="employeeButton">
    <p>Employees</p>
</div>
<div class="d11-d12 greenSideBar" id="rightGreenSideBar">

</div>

<!--BREAK-->  
<div class="d-all m1" id="coingBackground">
    <h2>Welcome to Payday</h2>
    <img src="images/the_pig_payday.png" alt="The Pig" />
    <div id="pigTextHolder">
        <p>Just some random crap about a boy... and his pet pig. Dont let it frighten you. Babes cousin isnt out for revenge. Just closure. BLAH BLAH BLAH BLAH </p>
    </div>
</div>

Answer 1

你想改变：

$("pigText[1]").appendTo("#pigTextHolder");

要：

$("#pigTextHolder").html( $("#pigTextHolder").html() + $(pigText[1]));

或者：

$("#pigTextHolder").append(pigText[1]);

Answer 2

您可以在此处使用.append()：

$("#pigTextHolder").append(pigText[1]);
$("#pigTextHolder").append(pigText[0]);

Answer 3

您在访问数组的表达式周围使用引号，因此它们不会被解释为表达式，而是解释为字符串。

此外，您可能希望替换元素中的文本，而不是添加更多文本：

$("#pigTextHolder").text(pigText[1]);

演示：http://jsfiddle.net/Guffa/paeM3/2/

Answer 4

使用

$（ “＃pigTextHolder”）HTML（pigText [1]）;

和

$（ “＃pigTextHolder”）HTML（pigText [0]）;

分别

将数组中的字符串追加到mouseenter上的div

4 个答案: