можно использовать 'load()' для вставки содержимого в содержимое вкладки jquery?

Я использую вкладку jquery, легко вставлять даже динамический контент, но из-за огромного количества данных я пытаюсь использовать load() для получения элементов с другой страницы, которую нужно вставить.можно использовать 'load()' для вставки содержимого в содержимое вкладки jquery?

Пробовал несколько синтаксисов, но они не работают.

//tabContent !important 
     appendTabContent = "<div id='tab" + num_tabs + "' class='tabContent'></div>" 
     yolo = $(appendTabContent).load("tasks.php"); 
     $('#col1').append(yolo);

источник

2013-08-22 Anonymous

Пожалуйста, покажите свой код! – vNext

обновил мой код .. –

любые сообщения об ошибках? создать демо-версию jsfiddle? – Mifeng

Вы пробовали функцию ajax, уже присутствующую в плагине Tabs? Вы можете поместить веб-страницу, которая должна быть вставлена в атрибут href тега a, содержимое этой страницы будет загружаться автоматически при выборе вкладки.

Вот пример кода предоставляется на сайте:

<!doctype html> 

<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>jQuery UI Tabs - Content via Ajax</title> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css" /> 
    <script> 
    $(function() { 
    $("#tabs").tabs({ 
     beforeLoad: function(event, ui) { 
     ui.jqXHR.error(function() { 
      ui.panel.html(
      "Couldn't load this tab. We'll try to fix this as soon as possible. " + 
      "If this wouldn't be a demo."); 
     }); 
     } 
    }); 
    }); 
    </script> 
</head> 
<body> 

<div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">Preloaded</a></li> 
    <li><a href="ajax/content1.html">Tab 1</a></li> 
    <li><a href="ajax/content2.html">Tab 2</a></li> 
    <li><a href="ajax/content3-slow.php">Tab 3 (slow)</a></li> 
    <li><a href="ajax/content4-broken.php">Tab 4 (broken)</a></li> 
    </ul> 
    <div id="tabs-1"> 
    <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p> 
    </div> 
</div> 


</body> 
</html>

источник

2013-08-22 14:38:11

Это не сработало для меня .. btw Я просто использую $ ("# tabs"). Tabs() .. –

Можете ли вы вставить больше своего кода? –

можно использовать 'load()' для вставки содержимого в содержимое вкладки jquery?

ответ

Смежные вопросы