2012-03-07 17 views
0

の内容を更新しませんここでは例です:私は内容を更新する場合jQueryのは、適切にspanタグ

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua.</p> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua.</p> 

http://jsbin.com/izegoy
問題:http://i.imgur.com/h1T98.png

スクリプト:

$(document).ready(function(){ 
    $("p:eq(1)").hide().after("<span>View more</span>"); 
    $("span").click(function(){ 
     $("p:eq(1)").slideToggle(200,function(){ 
      if($("span").text()=="View more"){ 
       $("span").text("View less"); 
     } else{ 
       $("span").text("View more"); 
     } 
     }); 
    }); 
}); 

は、HTML元のspanタグの外側に新しいテキストを作成します。このページでは目立ってはいませんが、生成されたソースコードを見るときに限ります。私は何が間違っているのか分かりません。

ありがとうございました

+0

あなたのコードが動作するようです:[http://jsfiddle.net/UpK9V/](http://jsfiddle.net/UpK9V/)私は – bfavaretto

+0

あなたが見ているものが見えない場合、作成される唯一のテキストはスパンタグの中にあります。 –

+0

Chromeで動作している(インスペクタを使用して検証済み)17. –

答えて

0

本当にうまくいくはずです。しかし、あなたは代わりにhtml();メソッドを使用して試みることができる:

$("span").html("View less"); 
+0

ありがとう。これは完全に機能します。 http://jsbin.com/izegoy/2 – pumpalarumpa

+0

喜んで:) –

関連する問題