gpt4 book ai didi

javascript - .load 获取页面,但不显示

转载 作者:行者123 更新时间:2023-11-28 06:45:47 25 4
gpt4 key购买 nike

我正在使用 .load() 从我们的服务器获取页面。奇怪的是,我可以使用调试器工具看到请求成功。我可以看到它是使用该元素的 html 的一部分。我也可以在页面源代码中看到这一点。但是,它没有显示。

当我尝试将鼠标指针悬停在 div 代码上时,它显示 div 所在的部分,但大小类似于 1683px X 0px

我已经尝试阅读堆栈中与我有相同问题的其他帖子,但答案并没有解决我的问题。

我无法粘贴整个代码,但我会确保已发布所需的所有内容。

function updateDefaultExchangeRate(){
alert("grgd");
var url = window.location.href
url = url.substr(0, url.indexOf("index"));
url = url += "updateDefaultExchangeRate";
var params = "?sideMenuItem=10&";
$('#defaultExchangeRateTable tr').each(function(){
if($(this).find('td #detail-currency').val()!=undefined) {
params += "detail-currency=" + encodeURI($(this).find('td #detail-currency').val()) + "&";
params += "detail-exchangeRateVal=" + encodeURI($(this).find('td #detail-exchangeRateVal').val()) + "&";
params += "detail-id=" + encodeURI($(this).find('td #detail-id').val()) + "&";
params += "detail-version=" + encodeURI($(this).find('td #detail-version').val()) + "&";
}
})

url += params.substr(0,params.length-1)
$('#defaultExchangeRateTable').load(url );

}

要加载的html页面

<%@ page import="java.text.SimpleDateFormat" %>

<%
SimpleDateFormat formatter = new SimpleDateFormat("dd/MM/yyyy");
%>

<div id="exchangeRateTable">
<div class="list-table">
<table>
<thead>
<tr>
%{--<th style="width: 25px"/>--}%
<th>Exchange Rate Date</th>
<th>Currency</th>
<th>Exchange Rate</th>
</tr>
</thead>
<tbody>
<% def currency = null
if(exchangeRateInstanceList.size != 0) {
currency = ListUtil.findCurrencyById(currencyInstanceList, exchangeRateInstanceList?.get(0).targetCurrencyId.toString())
}
%>

<g:each in="${exchangeRateInstanceList}" status="i" var="exchangeRateInstance">
<tr class="${(i % 2) == 0 ? 'even' : 'odd'}">
<td>${exchangeRateInstance?.exchangeDate ? formatter.format(exchangeRateInstance?.exchangeDate) : ''}</td>
<td>${currency?.shortName}</td>
<td>${exchangeRateInstance?.exchangeRate ? String.format("%,.2f",exchangeRateInstance.exchangeRate) : '' }</td>
</tr>
</g:each>
</tbody>
</table>
</div>
</div>

索引,必须加载的页面。

<!DOCTYPE html>
<html>
<head>
<meta name="layout" content="main">
</head>
<body>
<div id="list-exchangeRate" class="content scaffold-list" role="main">

<div id="mainRecordsList">

<g:render template="indexDefaultExchangeRate" />
</div>
<g:render template="/layouts/pagination" model="${[instanceCount: exchangeRateInstanceCount]}"/>
</div>
</body>
</html>

顺便说一下,我使用的是 grails。

最佳答案

感谢@JoshKG。多亏了他,我才能够解决这个问题。

对于那些将来会遇到此类问题的人。 (成功从服务器获取到您想要的模板/div,但不显示。)

使用工具可以轻松了解正在发生的情况(例如 firebug、开发工具)。

1) Go to the console tab and type this. (Replace "ThisIsMyDiv" with the Id that you need to find)
document.getElementById("ThisIsMyDiv")

2) You can easily determine if you've successfully gotten the div/template from server. If successful, right click on the parent element and choose "Reveal in Elements Panel" then check the CSS. Mine happens to have this
**display:none** which makes it clear why I could not see the page.

请注意,我在示例中使用的是 Chrome 的开发工具,firebug 肯定有与此类似的东西,只需尝试一下即可。

希望这能帮助 future 迷失的灵魂。

关于javascript - .load 获取页面,但不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33426522/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com