0

2 つの異なる URL に移動する 2 つのテキスト リンクを作成しようとしていますが、テキストは 7 秒ごとに 1 つのテキストから別のテキストに変わります。

クリック イベントを追加しようとしましたが、正しく動作しませんでした。

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>
4

5 に答える 5

0

私はあなたの問題がこの行にあると信じています：

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

まず、何らかの競合が発生した場合に備えて、$thisの名前をselfに変更することをお勧めします。

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

第三に、これは実際にはうまく機能します...コメントに示されているフィドルに示されているように。

http://jsfiddle.net/athd6/

于 2013-02-28T16:36:12.070 に答える
0 
<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>
于 2013-02-28T16:41:23.293 に答える
0

どうぞ

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/

于 2013-02-28T16:41:52.090 に答える
-1

次に試す

    $this.html($this.text() == textOne ? textTwo : textOne);
于 2013-02-28T16:37:28.187 に答える
-1

あなたはこのように意味します: http://jsfiddle.net/rfpSL/1/

<p>を anに変更して、次のよう<a>に追加します。

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

        $this.attr('href', $this.attr('href') == linkOne ? linkTwo : linkOne);
于 2013-02-28T16:40:09.017 に答える