Javascript无法在Chrome中正确加载

时间:2013-10-21 07:29:15

标签: javascript jquery html google-chrome

我有一个消息页面,我可以将它们看作列表。如果我选择其中的每一个,我会在页面的右侧显示它们。为此,我有两个javascript函数用于消息页面的“next”和“previous”按钮。所以我在屏幕上有一个消息列表,如果我点击“下一步”,我会看到下一页消息等等。 一切正常,唯一的问题是在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 = function(pageHtml,currentPage){

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

这是涉及js的html代码:

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

2 个答案:

答案 0 :(得分:0)

你试试火狐或野生动物园吗? 你的java版本是什么? 如果你在Chrome中启用java / javascript,你在about:config中查看

答案 1 :(得分:0)

我已经解决了这个问题。 CSS文件存在问题,导致文本无法在Google Chrome中正确转换。所以我从上面修改了span类的样式:

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

最初,span类的位置是相对的。我认为Chrome在这种类型的CSS中存在问题。