1

我的应用程序焦点顺序似乎有问题。该应用程序应该从 web 服务中检索记录列表，然后使用 div 中的 for 循环显示。

例子：

function loadListing()
{
  var listing = "";
  var value = new Array('One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 
  'Nine', 'Ten');

  listing += '<div style="background-color: purple; color: yellow; padding: 10px;  
  margin-bottom: 10px;">I\'m some big listing</div>';

  listing += '<div id="container">';

  for(var h = 0; h < 10; h++)
  {
    listing += '<div class="innerContainer" x-blackberry-focusable="true" 
    onmouseover="bigHover(this)" onmouseout="dontHover(this)">';
    listing += '<div style="font-size: 20px; font-weight: bold;">'+value[h]+'</div>'; 
    listing += '</div>';
  }
  listing += '</div>';

  listing += '<div style="background-color: purple; color: yellow; padding: 10px;   
  margin-top: 20px;margin-bottom: 10px;">I\'m self-generate listing</div>';
  for(var i = 1; i <= 10; i++)
  {
    listing += '<div><ul class="ulClass">';
    listing += '<li><span class="pretty" x-blackberry-focusable="true"   
    onmouseover="hoverMe(this)" onmouseout="dontHover(this)">' +i+' </span></li>';
    listing += '</ul></div>';
  }
 $('#mainBody').html(listing);
}

CSS：

.ulClass{ list-style: none; margin: 0; padding: 0; }

.ulClass li{ display: inline; float: left; }

.pretty{ font-size: 20px; color: orange; border: 1px solid orange; padding: 3px; 
         margin: 3px; width: 5px; }

当用户完成滚动列表时，分页（ul class="paging"）上的下一个可聚焦元素将位于第 10 页而不是第 1 页。

小提琴

有人可以帮忙吗？

4

0 回答 0