Jquery选项卡隐藏asp.net Datalist [英] Jquery tab Hide asp.net Datalist

问题描述

你好朋友！

plz帮我解决了我的问题。我添加了这个j查询点击我的asp.net网站。但是当我在这个水龙头放一个数据列表时，我看不到datalist.it似乎，选项卡disaapear我的datalist。为什么？谁可以帮助我？



这是我的代码：

 <   ul     id   = 标签 >  
 <   li  >  <   a     href   = ＃    title  < span class =code-keyword> =  tab1 > 一个<   / a  >  <   / li  >  
 <   li  >  <   a     href   = ＃    title   =  tab2 > 两个<   / a  >  <   / li  >  
 <   / ul  >  
 <   div     id   = 内容 >  
 <   div     id   =  tab1 >  
 < ;   asp：DataList     ID   =  DataList1    runat   =  server >  
 <   / asp： DataList  >  
 <   / div  >  
 <   div     id   =  tab2 >  
 < ;   / div  >  
 <   / div  >  
 
 <   script    < span class =code-attribute> src   =  http://code.jquery.com/ jquery-1.6.3.min.js >  <   /   script  >  
 
 <   script  >  
 $（ document ）。ready（ function （）{
 $（  #content div）。hide（）; 
 $（ ＃tabs li：first）。attr（  id， 当前）; 
 $（ ＃content div：first）。fadeIn（）; 
 
 $（' ＃tabs a'）。click（ function （e）{
 e.preventDefault（）; 
 $（  #content div）。hide（）; 
 $（  #tabs li）。attr（  id， ）; 
 $（ this ） .parent（）。attr（  id，  当前）; 
 $（' ＃' + $（ this ）。attr（' 标题））。发宣德（）; 
}）; 
}）（）; 
 
 <   /   script  >  
 

解决方案

（< span class =code-sdkkeyword> document ）。ready（ function （）{

（ ＃content div）。hide（）;

（< span class =code-string> ＃tabs li：first）。attr（ id， current）;

Hi freinds!
plz help me to solve my problem.i added this j query Tap too my asp.net web site .but when i put a datalist in this tap,I cannot see the datalist.it seems that, the Tab disaapear my datalist.Why?who can help me?

this is my code :

<ul id="tabs">
       <li><a href="#" title="tab1">One</a></li>
       <li><a href="#" title="tab2">Two</a></li>
   </ul>
   <div id="content">
       <div id="tab1">
           <asp:DataList ID="DataList1" runat="server">
           </asp:DataList>
       </div>
       <div id="tab2">
       </div>
   </div>

   <script src="http://code.jquery.com/jquery-1.6.3.min.js"></script>

   <script>
       $(document).ready(function() {
           $("#content div").hide();
           $("#tabs li:first").attr("id", "current");
           $("#content div:first").fadeIn();

           $('#tabs a').click(function(e) {
               e.preventDefault();
               $("#content div").hide();
               $("#tabs li").attr("id", "");
               $(this).parent().attr("id", "current");
               $('#' + $(this).attr('title')).fadeIn();
           });
       })();

   </script>

解决方案

(document).ready(function() {

("#content div").hide();

("#tabs li:first").attr("id", "current");

这篇关于Jquery选项卡隐藏asp.net Datalist的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！