Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui选项卡仅在单击选项卡时加载选项卡内容_Jquery_Html_User Interface_Tabs - Fatal编程技术网
Fatal编程技术网
  • jquery/
  • Jquery ui选项卡仅在单击选项卡时加载选项卡内容

Jquery ui选项卡仅在单击选项卡时加载选项卡内容

jquery html user-interface tabs

Jquery ui选项卡仅在单击选项卡时加载选项卡内容,jquery,html,user-interface,tabs,Jquery,Html,User Interface,Tabs,我正在使用jQueryUI选项卡 我只想在单击选项卡时加载选项卡内容。 选项卡内容通过ajax动态获取 <html> <head> </head> <body> <div id="tabs" > <ul> <li ><a href="#tabs-1" >new tab1</a> </li>

我正在使用jQueryUI选项卡 我只想在单击选项卡时加载选项卡内容。 选项卡内容通过ajax动态获取

<html>
   <head>
   </head>
   <body>
      <div id="tabs" >
        <ul>
           <li ><a href="#tabs-1" >new tab1</a> </li>
           <li ><a href="#tabs-2" >new tab2</a> </li>
        </ul>
       <div id="tabs-1">
              Tab 1
       </div>
       <div id="tabs-2">
              Tab 2
       </div>
      </div>
   </body>
</html>



    

  • 

  • 


表1
表2
您可以通过提供随机ID来识别
PHP
中的选项卡

<div class="load_content" id="tabs" >
    <ul>
    <li ><a href="#tabs-1" >new tab1</a> </li>
    <li ><a href="#tabs-2" >new tab2</a> </li>
    </ul>
jQuery用户界面选项卡

我已经使用jquery选项卡show完成了这项工作，并且根据您的需要，您还可以在加载前尝试，加载

html

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Foo</a></li>
        <li><a href="#tabs-2">Bar</a></li>
    </ul>
<div id="tabs-1">
   Tab1 
</div>
<div id="tabs-2">
    Tabe2
</div>
</div>



    

  • 

  • 


表1
表2
jquery

 $("#tabs").tabs({
    show: function( e,ui ){
        alert("working");
        $( ui.panel ).html('<p>Load ajax here...</p>');
            $.ajax({
                url:'',
                type:'',
                success:function(){

                }
            });
        }
});

$（“#选项卡”）.tabs({
显示：功能（e、ui）{
警惕（“工作”）；
$（ui.panel）.html（“在此处加载ajax…
”）；
$.ajax({
url:“”，
类型：“”，
成功：函数（）{
}
});
}
});
Hi，欢迎来到StackOverflow。您能否提供一些有关您尝试过的内容和现有Javascript代码的更多信息？已删除：显示事件使用
激活
或
之前激活
 $("#tabs").tabs({
    show: function( e,ui ){
        alert("working");
        $( ui.panel ).html('<p>Load ajax here...</p>');
            $.ajax({
                url:'',
                type:'',
                success:function(){

                }
            });
        }
});