-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];

更新(手拍头)缺少的代码的样式:宽度为 10 像素。解决了。

4

1 回答 1

0

您发布的代码(AJAX 调用和一些数据操作)与最终显示数据的方式无关。看你如何显示数据,而不是如何获取数据。由于我们被迫猜测,我将列出我能想到的原因:

  • 这些词被分成单独的 DOM 元素并position:absolute通过 CSS 给出。删除position: absolute,通过 javascript 计算单词的正确位置(不容易),或者干脆不分成几个元素。
  • 单词被分成单独的 DOM 元素并给出width:0(或任何太小的宽度)和overflow: visible(溢出的默认值)。处理方式相同 - 删除相应的width属性。
  • 包含单词的元素有width:0,line-height:0overflow:visible。这似乎不太可能,但并不意味着单独的元素。如果是这种情况,除了修复 CSS 的正确方法之外,您还可以通过用 acen替换普通空格来解决此b问题。sp
  • 元素有负数word-spacing。为什么会有人这样做?
  • CSS3 定义了text-height一些ruby-属性。由于它们是新的,我不希望它们在 IE8 中产生任何影响。
于 2012-11-23T06:33:33.260 回答