방금 졸업 했으므로 프로그래밍에 대한 경험이 많지 않습니다. jQuery 함수 slideToggle()
을 사용하여 두 div 요소 중 하나를 표시하는 것을 전환합니다. 두 div 표시 데이터 행 및 각 div 50 개 이상의 레코드가 있기 때문에 페이지 매김을 사용하려고합니다. 모든 것이 지금까지는 괜찮은 것 같습니다. 페이지를 새로 고침하고 첫 번째 div가 표시되고 페이지 매김이 정상적으로 작동합니다.한 번에 하나만 표시 할 수있는 두 div 요소에서 페이지 매김을 사용하는 방법
다른 div로 전환하기 위해 jQuery 함수를 실행하는 버튼을 클릭하면 문제가 시작됩니다. 두 번째 div가 표시됩니다 (첫 번째는 사라짐, 괜찮음). 페이지 번호를 클릭하면 브라우저가 나를 첫 번째 div로 리디렉션하고 첫 번째 div에서 결과를 표시하기 시작합니다. 페이지를 새로 고치면 브라우저가 기본값을 실행하기 때문에 이것이 정상이라고 생각하지만이 상황을 해결하는 방법을 모르겠습니다. 나는 어떤 도움을 주셔서 감사합니다. 이것이 ColdFusion이라는 것을 잊어 버렸습니다. 지금까지 무슨 짓을
은 다음과 같습니다
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="logic.js"></script>
</head>
<body style="background-color:#E8ECED">
<div id="header">
<h1>BHA Toyota</h1>
</div>
<div class="container">
<cfset pageSize=15/>
<cfset recordCount=100/>
<cfset intStart=1/>
<div style="min-height:40px">
<div id="title">Top 30 Live Outbound Calls</div>
<div id="switchDealershipsButton">
<span id="switchDealers" role="button" tabindex="0">Switch to Showcase Honda</span>
</div>
</div>
<div id="texasHonda" class="row">
<cfparam name="url.pageNumber" type="string" default=""/>
<cfset pageNumber=#url.pageNumber#/>
<cfquery name="texasHondaLiveOutbandCalls" datasource="callmeasurement">
SELECT refname, callid, cf_frn_dnisid, tz_datetime
FROM [dbo].[lskin] AS ls
INNER JOIN [dbo].[dnis] as dn
ON ls.lskinid=dn.add_lskinid
INNER JOIN [dbo].[xcall_long] AS xl
ON dn.dnisdbid=xl.cf_frn_dnisid
WHERE isoutbound=1 AND frn_xcall_dispositionid=1 AND refname='BHA - Texas Toyota'
ORDER BY tz_datetime DESC
OFFSET #pageSize# *(#pageNumber#-1) ROWS
FETCH NEXT #pageSize# ROWS only;
</cfquery>
<cftable query="texasHondaLiveOutbandCalls" htmlTable="true" colHeaders="true">
<cfcol width="30" header="Account Name" text="<em>#texasHondaLiveOutbandCalls.refname#</em>">
<cfcol width="23" header="Call ID" text="<em>#texasHondaLiveOutbandCalls.callid#</em>">
<cfcol width="20" header="Line ID" text="<em>#texasHondaLiveOutbandCalls.cf_frn_dnisid#</em>">
<cfcol width="30" header="Date/Time of Call" text="<em>#texasHondaLiveOutbandCalls.tz_datetime#</em>">
</cftable>
<cfoutput>
<cfloop index="intPage" from="1" to="#Ceiling(recordCount/10)#">
<!---
Calculate the start value based on the
current page.
--->
<cfset intStart=(1 + ((intPage - 1) * 10))/>
<!--- Output paginating link. --->
<a href="#CGI.script_name#?pageNumber=#intPage#">
#intPage#</a>
</cfloop>
</cfoutput>
</div>
<div id="showcaseHonda" class="row" style="display:none">
<cfparam name="url.pageNumber" type="string" default=""/>
<cfset pageNumber=#url.pageNumber#/>
<cfquery name="showcaseHondaLiveOutbandCalls" datasource="callmeasurement">
SELECT refname, callid, cf_frn_dnisid, tz_datetime
FROM [dbo].[lskin] AS ls
INNER JOIN [dbo].[dnis] as dn
ON ls.lskinid=dn.add_lskinid
INNER JOIN [dbo].[xcall_long] AS xl
ON dn.dnisdbid=xl.cf_frn_dnisid
WHERE isoutbound=1 AND frn_xcall_dispositionid=1 AND refname='BHA - Showcase Honda'
ORDER BY tz_datetime DESC
OFFSET #pageSize# *(#pageNumber#-1) ROWS
FETCH NEXT #pageSize# ROWS only;
</cfquery>
<div class="table">
<cfoutput query="showcaseHondaLiveOutbandCalls">
<div class="tableRow">
<div class="tableCell">
#showcaseHondaLiveOutbandCalls.refname#</div>
<div class="tableCell">
#showcaseHondaLiveOutbandCalls.callid#</div>
<div class="tableCell">
#showcaseHondaLiveOutbandCalls.cf_frn_dnisid#</div>
<div class="tableCell">
#showcaseHondaLiveOutbandCalls.tz_datetime#</div>
</div>
</cfoutput>
<cfoutput>
<cfloop index="intPage" from="1" to="#Ceiling(recordCount/10)#">
<!---
Calculate the start value based on the
current page.
--->
<cfset intStart=(1 + ((intPage - 1) * 10))/>
<!--- Output paginating link. --->
<a href="#CGI.script_name#?pageNumber=#intPage#">
#intPage#</a>
</cfloop>
</cfoutput>
</div>
</div>
</div>
</body>
</html>
$(document).ready(function() {
\t \t $('#switchDealers').click(function()
\t \t {
\t \t \t \t var dealerOnScreen = $('#switchDealers').text();
\t \t \t \t
\t \t \t \t if(dealerOnScreen === "Switch to Showcase Honda")
\t \t \t \t
\t \t \t \t $('#texasHonda').slideToggle("slow", texasToyota);
\t \t \t \t else
\t \t \t \t
\t \t \t \t \t $('#showcaseHonda').slideToggle("slow", showcaseHonda);
\t \t \t \t
\t \t \t });
\t \t \t
\t \t function texasToyota() {
\t \t \t \t \t $('#showcaseHonda').slideToggle("slow");
\t \t \t \t \t $('#switchDealers').text("Switch to Texas Toyota");
\t \t \t \t }
\t \t \t \t
\t \t \t \t
\t \t function showcaseHonda() {
\t \t \t \t \t \t $('#texasHonda').slideToggle("slow");
\t \t \t \t \t \t $('#switchDealers').text("Switch to Showcase Honda");
\t \t \t \t \t }
\t \t
\t \t });
\t \t
JS 코드를 게시하면 어떻게 slideToggle()을 사용하고 있는지 보여줄 수 있습니까? – Leigh
나는 눈에 보이는 코드를 훑어 보았다. 왜 기본 페이지 번호가 1이 아닌 빈 문자열이됩니까? –
그럴만 한 이유는 없습니다, 운 좋게도 운이 좋았습니다. 페이지가 처음으로 로딩 될 때 실패했습니다. 왜냐하면, 나는 빈 문자열을 추가했기 때문에, undifined 이었기 때문에 실패했습니다. 그러나 그것은 "1"이 아닌 ""더 의미가 있습니다. – DoArNa