帶有setInterval的jQuery可點擊鏈接

Question

我正在嘗試有兩個文本鏈接，它們分別指向兩個不同的URL，並且每7秒將文本從一個文本更改為另一個文本。

我嘗試添加點擊事件，但無法使其正常工作。

jQuery：

$(document).ready(function () {
    setInterval(function() {
$('#rollover').fadeOut(500, function() {
    var $this = $(this);
    var textOne = "Join our facebook group";
    var textTwo = "Join our LinkedIn group connect Scientists today";
    $this.text($this.text() == textOne ? textTwo : textOne);  
    $this.fadeIn(500);
});
}, 7000);   

});

的HTML：

<p id="rollover">Join our LinkedIn group connect Scientists today</p>

Answer 1

我相信您的問題在於：

$this.text($this.text() == textOne ? textTwo : textOne);  

首先，我建議將$ this重命名為self，以防萬一那里存在一些沖突。

self.text(self.text() == textOne ? textTwo : textOne);

第三，這確實可以正常工作……如注釋中的小提琴所示。

http://jsfiddle.net/athd6/

Answer 2

<script type="text/javascript">
$(document).ready(function () 
{
      change();
});


function change(){
    setTimeout(function() {
        $('#rollover').fadeOut(500, function() {
            var $this = $(this);
            var textOne = "Join our facebook group";
            var textTwo = "Join our LinkedIn group connect Scientists today";
            $this.text($this.text() == textOne ? textTwo : textOne);  
            $this.fadeIn(500);
            change();
        });
        }, 7000); 
}
</script>

Answer 3

干得好

var textOne = "Join our facebook group";
var textTwo = "Join our LinkedIn group connect Scientists today";
var isRotated=true;
var rotateText=function(){
    setInterval(function(){        
        var text=isRotated?textOne:textTwo;
          $("#rollover").text(text);      
        isRotated=!isRotated;
    }, 7000);
};

rotateText();

http://jsfiddle.net/UQk5h/1/

Answer 4

再試下

    $this.html($this.text() == textOne ? textTwo : textOne);

Answer 5

您的意思是這樣的： http : //jsfiddle.net/rfpSL/1/

如將<p>更改為<a>並添加：

        var linkOne = "http://url-one.com";
        var linkTwo = "http://url-two.com";

        $this.attr('href', $this.attr('href') == linkOne ? linkTwo : linkOne);