0

我有一个单击功能，您可以在其中单击锚标记，它会更改单击的锚标记的背景以及页面上另一个元素中的文本。现在，当您单击另一个锚标记时，它应该将文本更改为第二个文本变量。当第三次单击 a-tag（即第三个锚标记，我有 3 个）时，它应该变回第一个再次文本变量。这是我的示例，但似乎无法正常工作。此外，背景不会改变不透明度，但我认为这是因为它位于 td 标签中 - 请参阅示例

http://jsfiddle.net/gGAW5/94/

谢谢你！

4

2 回答 2

2

试试这个 - http://jsfiddle.net/gGAW5/96/

var title;

    $(document).ready(function() {
        $("a").click(function() {
            if ( $("#myTitle").text() == "My Title" || $("#myTitle").text() == "My Text 2" ) {
                title = "My Text 1";
            } else {
                title = "My Text 2";
            }

            $("#myTitle").text( title );
            $(this).css("opacity", .5);
        });
    });
于 2012-06-30T09:51:32.333 回答
2

工作演示 http://jsfiddle.net/tB3pP/3/

我刚刚使用了你的 r 代码并做了一些小的改动，比如var = i和i%2

实现的行为：当您第一次单击时，text1第二次单击text2第三次text1。

希望这会有所帮助，如果我错过了什么，请让我知道，

代码

$(document).ready(function() {
    var text1 = "My Text 1";
    var text2 = "My Text 2";
    var i = 1;
    $("a").click(function(event) {

        i++;
        if (i%2 != 0) {
            $("#myTitle").html(text1);
            $(this).css("opacity", "0,5");
        }else {
            $("#myTitle").html(text2);
            $(this).css("opacity", "0,9");
        }
    });
});​
于 2012-06-30T09:57:09.567 回答