باستخدام جدول Google Inside Jqueryui Ajax Tab

https://stackoverflow.com/questions/993662

13-09-2019
|

سؤال

حسنا، هذا السيناريو هو معقد قليلا، ولكن سأحاول شرح ذلك بأفضل ما أستطيع.

أنا أستخدم API لمكتبات 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>

كما ترون أنا أيضا استخدام API جدول تصورات Google. في الصفحة لدي عنصر تحكم علامات تبويب JQueryui التي تستخدم AJAX لتحميل الصفحة المطلوبة في علامة التبويب. في الصفحة المطلوبة لدي نفس رأس HTML، لذلك نفس JavaScript. في الصفحة المطلوبة هناك عنصر تحكم جدول جوجل. عندما أقوم بتشغيل الصفحة ضمن السيناريو هذا، تعرض علامة التبويب صفحة فارغة. عندما أقوم بتشغيل الصفحة المطلوبة بحد ذاتها (دون الاتصال به من خلال AJAX) يعرض عنصر التحكم في جدول Google بشكل جيد.

أنا جديد إلى حد ما في أجاكس لذلك قد أكون في عداد المفقودين. سيتم تقدير أي مساعدة إلى حد كبير.

- كسل

تحرير: أي شخص؟

المحلول

تحولت الإجابة على هذا بسيطة للغاية، على الرغم من أنني ما زلت لا أستطيع أن أشرح سبب عملها. كل ما كان علي فعله هو انقل تحميل المرئيات قبل تلك المسجتين والآن يعمل كل شيء على ما يرام.

<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