'load()'를 사용하여 jquery 탭 내용에 내용을 삽입 할 수 있습니까? 나는 JQuery와 탭을 사용하고

.. 심지어는 동적 콘텐츠를 삽입하기 쉽지만, 데이터의 방대한 양으로 인해, 나는 다른 페이지에서 요소를 삽입 할 얻기 위해 부하()를 사용하는 생각하려고'load()'를 사용하여 jquery 탭 내용에 내용을 삽입 할 수 있습니까? 나는 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 기능을 봤어 .. 작동하지 않습니다? 당신은 당신이 탭을 선택하면 a 태그의 href 속성에 삽입되는 웹 페이지는 해당 페이지의 내용이 자동으로로드됩니다 넣을 수 있습니다. 여기

웹 사이트에서 제공하는 예제 코드입니다 :

<!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 난 그냥 ("# 탭") $를 사용 .. 나를 위해 작동하지 않았다. 탭() .. –

당신이 코드의 자세한 내용을 붙여 넣을 수 있습니까? –

'load()'를 사용하여 jquery 탭 내용에 내용을 삽입 할 수 있습니까? 나는 JQuery와 탭을 사용하고

답변

관련 문제