페이지로드 후 자바 스크립트가 보이지 않습니다.

Question

유니온 유형에 기반한 조건부 급여보고가있는 데이터베이스에서 동적 작업 목록을 만듭니다. 조건문을 처리하기 위해 cs 페이지의 pageload 섹션에서 aspx 페이지의 레이블에 출력하기 위해 데이터 집합을 작성하기로 결정했습니다. 모든 것이 예상대로 작동합니다. 문제는 HTML에서 JQuery 또는 Javascript를 실행하여 작업 제목을 축소하고 확장하여 요구 사항을 나타낼 때 발생합니다. JQuery, JS 및 Ajaxtookit을 사용하여이를 수행 할 수있는 방법이 많이 있습니다. 정적 HTML에서 모두 매력처럼 작동합니다. 그러나 .Net 스크립트에서 작동하지 않도록 레이아웃에 스패너를 던지는 스팬 태그를 출력에 추가합니다. 그런 다음 JQ 함수를 추가하여 span 태그를 제거한 다음 다른 스크립트 (페이지 맨 아래에 배치하여 페이지가로드 된 후 호출되도록 함)를 실행합니다. Document.ready 또는 window.load에는 영향이 없습니다. 페이지로드 및 페이지 렌더링 상태가 문제가 될 수 있습니다. 어떻게 작성된 HTML을 JQ와 JS에게 보일 수 있습니까? 감사합니다

CS :

protected void Page_Load(object sender, EventArgs e) 
    { 

     String strConnString96 = WebConfigurationManager.ConnectionStrings["JobList_ConnectionString"].ConnectionString; 
     OleDbConnection con96 = new OleDbConnection(strConnString96); 
     OleDbCommand cmd96 = new OleDbCommand("SELECT * FROM JOBS WHERE (Status = 'Open') AND (Approved = 'Yes')", con96); 
     OleDbDataAdapter da96 = new OleDbDataAdapter(cmd96); 
     DataTable dtJobList = new DataTable(); 
     da96.Fill(dtJobList); 
     con96.Close(); 

     if (dtJobList == null || dtJobList.Rows.Count == 0) 
      lblJobList.Text = "<h3>No positions available at this time.</h3>"; 

     if (dtJobList != null && dtJobList.Rows.Count > 0) 
     { 
      System.Text.StringBuilder sb1 = new System.Text.StringBuilder(); 

      int i = 0; 
      foreach (DataRow row in dtJobList.Rows) 
      { 

       string JobTitle = row["Job_Title"].ToString(); 
       string Func = row["Functions"].ToString(); 
       string Qual = row["Qualifications"].ToString(); 
       string ReqNum = row["Req_Number"].ToString(); 
       string Low = row["Low_Range"].ToString(); 
       string High = row["High_Range"].ToString(); 
       string SalType = row["Salary_Type"].ToString(); 
       string Union = row["Union"].ToString(); 
       i++; 



       sb1.Append("<div id='JobNbr-" + i + "'><h4>" + JobTitle + "</h4><h5>Essential Functions</h5><p>" + Func + "</p><h5>Qualifications</h5><p>" + Qual + "<p>"); 

       if (Union == "Executive" || Union == "Local 6" || Union == "C93") 
       { 

        sb1.AppendLine("<h5>Starting Salary</h5><p>" + Low + " - " + High + " <i>(" + SalType + ")</i>");                   
       } 

       else 
       { 
        sb1.AppendLine("<h5>Starting Salary</h5><p>" + High + " <i>(" + SalType + ")</i>"); 

       } 

       sb1.AppendLine("<a href='/HR_WebForm/HR_Form.aspx?Req_Number=" + ReqNum + "&Job_Title=" + JobTitle + "'><img src='/Resources/icons/apply.gif' alt='Apply' /></a></p></div>"); 

       lblJobList.Text = sb1.ToString(); 
      } 


     } 
    } 

ASPX는 :

<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolderMain" runat="server"> 



<h1>Employment</h1> 

    <div id="Employment"> 
    <h2>Join New England's largest retail water &amp; sewer provider!</h2> 

<h2>How to Apply:</h2> 

<ol><li>Submit your resume and cover letter online, please send attachments in PDF or Microsoft Word format, if not please fax to 617-989-7754 OR</li> 

<li>Visit our Human Resources Department at 980 Harrison Avenue Boston, MA 02119</li></ol> 

<p>We are located on several MBTA bus routes and visitors' parking is available on-site. Our office is open Monday through Friday, 8:00AM to 5:00PM. 
</p> 

<p>Come join our team!</p> 

<h2>Current Openings</h2> 

<div id="CurrentOpenings"> 

    <a id="On" name="On" onclick="openAll('CurrentOpenings', 'h4','');" href="#_" class="hideIfNoJS">Open All</a> 
    <a id="Off" name="Off" onclick="closeAll('CurrentOpenings', 'h4','');" href="#_" class="hideIfNoJS">Close All</a> 

<asp:Label ID="lblJobList" runat="server" Text="Label" /> 


</div> 

    <script>window.onload = "setCollapseExpand('CurrentOpenings', 'h4',''); revealControl('On'); revealControl('Off');"</script> 
<script type="text/javascript" src="/JScode/expandcollapse.js"></script> 
</asp:Content> 

Answer 1

당신은 문자열로 창로드를 설정하고 있습니다.

window.onload = "setCollapseExpand('CurrentOpenings', 'h4',''); revealControl('On'); revealControl('Off');"</script> 

기능이 필요합니다. 이 jquery에 태그를 지정 했으므로이 태그를 사용하십시오.

$(window).on("load", function() { 
    setCollapseExpand('CurrentOpenings', 'h4',''); 
    revealControl('On'); 
    revealControl('Off'); 
});