Javascript在Chrome中加载不正确

-1

我有一个消息页面，我可以将它们看作列表。如果我选择其中的每一个，我将它们显示在页面的右侧。为此，我为消息页面提供了“下一个”和“上一个”按钮的两个JavaScript函数。所以我在屏幕上有一个消息列表，如果我点击“下一步”，我会看到消息的下一页，等等。一切正常，唯一的问题是在Chrome中，它不会在页面底部的跨度部分加载页码。这是翻页功能：Javascript在Chrome中加载不正确

$("#next").click(function() {

var currentPageElem = $("#currentPage"); 
    var totalPagesElem = $("#totalPages"); 
    var minItemElem = $("#minItem"); 
    var maxItemElem = $("#maxItem"); 
    var totalItemsElem = $("#totalItems"); 
    var itemsOnPageElem = $("#itemsOnPage"); 
    var currentPageValue = parseInt(currentPageElem.val(), 10); 

    if (currentPageValue < totalPagesElem.val()) { 
     currentPageElem.val(currentPageValue + 1); 
    } 

    //the first record on the current page 
    minItem = $(this).getMinItem(currentPageElem.val(), itemsOnPageElem.val()); 
    minItemElem.val(minItem); 

    //the last record on the current page 
    maxItem = $(this).getMaxItem(currentPageElem.val(), itemsOnPageElem.val(), totalItemsElem.val()); 
    maxItemElem.val(maxItem); 

    $(this).showItems(minItem, maxItem); 

    var pageHtml = $(".pages").html(); 
    $(".pages").html($(this).newPageHtml(pageHtml, currentPageElem.val())); 
}); });

$ .fn.newPageHtml =功能（pageHtml，当前页）{

var idx1=pageHtml.indexOf("Pagina "); 
    var idx2=pageHtml.indexOf("/"); 
    var prevPage = pageHtml.substring(idx1 + 7, idx2); 
    return pageHtml.replace(prevPage, currentPage); 
};

这是HTML涉及js的代码：

<input type="hidden" id="totalPages" name="totalPages" value="${totalPages}"/> 
<input type="hidden" id="currentPage" name="currentPage" value="${currentPage}"/> 
<input type="hidden" id="minItem" name="minItem" value="${minItem}"/> 
<input type="hidden" id="maxItem" name="maxItem" value="${maxItem}"/>

...

<div class="controls"> 
     <a class="prev" id="prev"></a> 
     <a class="next" id="next"></a> 
     <span class="pages"> 
      <fmt:message key="messages.page"> 
       <fmt:param>${currentPage}</fmt:param> 
       <fmt:param>${totalPages}</fmt:param> 
      </fmt:message></span></div>

来源

2013-10-21 Razvan N

我已经解决了这个问题。 CSS文件存在问题，不允许文本在Google Chrome中正确转换。所以我修改的跨度类的风格从上面这样的：

<span class="pages" style = " position: absolute; ">

最初，跨阶级的地位是相对的。我认为Chrome在这种类型的CSS中存在问题。

来源

2013-10-22 07:30:44

你在Firefox或Safari试试？你的java版本是什么？如果你在Chrome中启用了java/javascript，你会在about：config中查看：

来源

2013-10-21 08:05:54 Roberto

是的，它在firefox，safari和ie中运行正常。另外我已经在Chrome中启用了JavaScript。一切正常加载，它只是表明页面编号，不加载在这个浏览器的文本.. –

你有MAC和Java 7安装？ – Roberto

我想我有我需要的一切。不过，我不使用MAC。 –

Javascript在Chrome中加载不正确

回答

相关问题