-2

リストを書き出すjavascriptコードがあります。しかし、単語は互いに重なり合って書かれているため、読みにくくなっています。リストに何を入れても、使用しているブラウザに関係なく、単語は互いに重なり合って書かれています。一言しか許されないようです。「サラダ」と同じですが、「サラダケーキ」を使用していますが、サラダとケーキという言葉が重なっています。問題が何であるかわからないので、これは研究するのが本当に難しいことがわかりました。ヘルプ？

  $(document).ready(function doEverything(element){
$.getJSON("https://api.foursquare.com/v2/venues/search?ll=-27.58818,-48.523248&         
client_id=L2VWBKPOW45D5X3FJ3P4MJB5TGVJ4ST2J005RIVAFIWG44ND%20&   
client_secret=ZKDAOLHASCA31VUOGMBTAS3RFYUOMXL4IFFYPRURIDQA3QMA%20&v=20111107",
    function(data){

one=data.response.venues[0].name;
two= data.response.venues[1].name; 
three= data.response.venues[2].name; 
four= data.response.venues[4].name; 



    var list = [];


    list[0] = [one];
    list[1] = [two];
    list[2] = [three];
    list[3] = [four];

UPDATE（手で頭を叩く）欠落しているコードのstyle：widthは10pxでした。解決しました。

4

1 に答える 1

0

投稿したコード (AJAX 呼び出しといくつかのデータ操作) は、データが最終的にどのように表示されるかには関係ありません。データを取得する方法ではなく、データを表示する方法に注目してください。推測せざるを得ないので、考えられる原因を列挙します。

  • 単語は個別の DOM 要素に分割されposition:absolute、CSS を介して指定されます。を削除position: absoluteし、javascript を使用して単語の正しい位置を計算するか (簡単ではありません)、単に複数の要素に分割しないでください。
  • 単語は個別の DOM 要素に分割され、width:0(または小さすぎる幅) とoverflow: visible(オーバーフローの既定値) が指定されます。扱いは同じです - それぞれのwidth属性を削除します。
  • 単語を含む要素にはwidth:0、line-height:0およびがありoverflow:visibleます。これはありそうにないように思えますが、個別の要素を意味するものではありません。このような場合は、CSS を修正する正しい方法に加えて、通常のスペースをオンリーキング エースにn置き換えるbことで修正できます。sp
  • 要素にマイナスがありword-spacingます。なぜ誰かがそれをするのでしょうか？
  • CSS3 ではtext-height、いくつかのruby-プロパティが定義されています。それらは新しいものなので、IE8 では効果がないと思います。
于 2012-11-23T06:33:33.260 に答える