jqueryui ajax 탭 내부의 Google 테이블 사용

StackOverflow https://stackoverflow.com/questions/993662

문제

좋아,이 시나리오는 약간 복잡하지만 최선을 다해 설명하려고 노력할 것입니다.

Google Ajax 라이브러리 API를 사용하여 jQuery와 jQueryUi를 페이지에 가져 오므로 내 페이지 상단은 다음과 같습니다.

<head>
    <title>TBTNet</title>
    <link rel="stylesheet" type="text/css" href="_css/style.css">
    <link rel="stylesheet" type="text/css" href="_css/jquery-ui.css">

    <script src="http://www.google.com/jsapi"></script>

    <script>
        google.load("jquery", "1"); 
        google.load("jqueryui", "1"); 
        google.load('visualization', '1', {packages: ['table']});
    </script>

</head>

보시다시피 Google Visualizations Table API도 사용하고 있습니다. 페이지에는 ajax를 사용하여 요청 된 페이지를 탭에로드하는 jqueryui 탭 컨트롤이 있습니다. 요청 된 페이지에는 동일한 HTML 헤드가 있으므로 동일한 JavaScript가 있습니다. 요청 된 페이지에는 Google 테이블 컨트롤이 있습니다. 이 시나리오에서 페이지를 실행하면 탭에 빈 페이지가 표시됩니다. 요청 된 페이지를 자체적으로 실행할 때 (AJAX를 통해 호출하지 않고) Google 테이블 컨트롤은 잘 표시됩니다.

나는 Ajax를 처음 접했기 때문에 무언가를 놓치고있을 수 있습니다. 모든 도움은 대단히 감사하겠습니다.

--kyle

편집 : 누구?

도움이 되었습니까?

해결책

이것에 대한 대답은 매우 간단한 것으로 판명되었지만 여전히 왜 효과가 있었는지 설명 할 수는 없습니다. 내가해야 할 일은 시각화로드를 두 개의 jquery the the jQuery로 옮기는 것 뿐이며 이제 모든 것이 잘 작동합니다.

<head>
    <title>TBTNet</title>
    <link rel="stylesheet" type="text/css" href="_css/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="_css/style.css">

    <script src="http://www.google.com/jsapi"></script>

    <script>
        google.load('visualization', '1', {packages: ['table']});
        google.load("jquery", "1"); 
        google.load("jqueryui", "1"); 
    </script>

    <!--<script src="_includes/js/jquery-ui.min.js"></script>-->

</head>
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top