2

私はJavaScriptクラスのために必要以上の小さなWebアプリケーションを構築しましたが、いくつかの追加機能を追加していましたが、ちょっとした問題に遭遇しました。モーダルにフルタイトルを追加するには?

私は偶然、ブートストラップライトボックスの古いバージョンだと思ったものを使用しましたが、なぜ動作するのでしょうか、理由は分かりません。とにかく、data-titleを使ってモーダルのタイトルを追加しようとすると、タイトルの最初の単語しか得られません。

image one image two

私は先に行って、上のそれのクローンを作った:ブランクはあなたを殺していることNaviego

 $.getJSON(flickrFetch, function(data) { 
     $(data.items).each(function(index, value) { 
      $('#photos').append("<h2>" + value.title + "</h2>"); 
      $('#photos').append('<img src=' + value.media.m + ' alt=photo data-title= ' + value.title + ' class="img-tumbnail img-resonsive" data-toggle="lightbox" data-gallery="global-gallery" data-remote=' + value.media.m.replace('_m', '_b') + '>'); 
      $('#photos').append('<p><strong> Tags: </strong>' + value.tags + '</p>') 
      clearInput(); 
     }); 

    }); 
+0

+0

flickrからjsonによって返された各オブジェクトのために構築しているタグに追加しています。私はOPにスニペットを追加します。 –

答えて

0

REMOVE WHITESPACE

のためのスニペットをhttp://flickrwebapp.netne.net/

。なぜあなたに正しいタイトルを表示しないのですか?あなたにすべてが表示されているかどうかを確認するために、スペースを入れずにすべての単語をまとめてみてください。あなたがそれを見せたら、あなたは謎を解くことに近づいています:)

+0

私はあなたの答えを理解しているとは思わない。私はあなたが提案したと思っているものである 'data-title ='の後ろの空白を削除しましたが、これはそれ以上の助けにはなりませんでした。 –

+0

は、$ .trimまたは.trim()を使用して、JSON文字列 – JMF

+0

を返す、modal-title内の空白を削除しますか? –