asp，net repeater，jquery手风琴和目标导航 [英] asp,net repeater, jquery accordion, and target navigation

问题描述

嘿所有

我会尽可能地清楚，所以这是我的场景：



我有一个新闻页面有转发器使用JQuery UI手风琴显示前5个新闻



我的主页上还有一个新闻块，其内容每10秒一次显示5个新闻（部分新闻项目带有阅读更多链接）。为此，我还使用了一个转发器，我只显示了我感兴趣的div



我的问题如下：

when我点击主页新闻栏中的阅读更多链接，我想导航到主要新闻页面并打开相应的手风琴项目



新闻Block Repeater：

 <   asp：Repeater     ID   =   Repeater1    runat   =  server    DataSourceID   =  EntityDataSource1    ItemType   =  JqueyAnimations.DAL.News < span class =code-keyword>>  
 <   ItemTemplate  >  
 <   div     class   =  newsItem >  
 <   h3  >  
 <  < span class =code-leadattribute> asp：Image     ID   =  Ima ge1    ImageUrl   =  <％＃Item.NewsImagePath ％>    
   
                                                  可见  ='  <％＃Item.NewsImagePath！=  null  ％> '   宽度  =  75    高度  =  75    runat   =  server    /  >  
 <％ ＃Item.NewsTitle ％>  
 
 <  < span class =code-leadattribute> / h3  >  
 <   div  >  
 
  <％＃Item.NewsBody ％>  
 <   / div  >  
 <   / div  >  
 <   / ItemTemplate  >  
 <   / asp：Repeater  >  

新闻Block JS：

 $（document）.ready（function（）{
 $（'  div.newsItem'）。hide（）; 
 $（$（'  div.newsItem'）[ 0 ]）表示（）; 
  //   alert（'ok'）;  
  var  count =  1 ; 
 setInterval（function（）{
 showItem（count％ 5 ）; 
 count ++; 
 
} ， 3000 ）; 
 
}）
函数showItem（ind）{
 $（'  div.newsItem'）隐藏（）; 
 $（$（'  div.newsItem'）[ind]）。fadeIn（） ; 
 
} 

新闻页面中继器：

 <   asp：Repeater     ID   =  Repeater1     runat   = < span class =code-keyword> server    DataSourceID   =  EntityDataSource1    ItemType   =  JqueyAnimations.DAL.News >  
 <   ItemTempla te  >  
 
 <   h3  >  
 <   asp：image     id   =  Image1    imageurl   =  <％＃Item.NewsImagePath ％>   
   
    可见    ='  <％＃Item.NewsImagePath！=  null  ％> '   宽度  =  75   高度  =  75    runat   =  server    /  >  
  <％＃Item.NewsTitle ％>  
 
 <   / h3  >  
 <   div  >  
 
 <％＃Item.NewsBody ％>  
 <   / div  >  
 <   / ItemTemplate  >  
 <   / asp：Repeater  >  

谢谢

解决方案

（document）.ready（function（）{

（' div.newsItem'）隐藏（）;

（

hey all
im gonna try to be as clear as I can so here is my scenario:

I have a news page that has repeater displaying top 5 news using JQuery UI accordion

I also have a news block in my home page whose content displays those 5 news one at a time every 10 seconds(part of the news Item with a "Read more link"). For this, I also used a repeater and i only showed the div that i was interested in

My problem is the following:
when I click on the "Read more" link in the news block in the home page, i want to navigate to the main news page and open the respective accordion item

News Block Repeater:

<asp:Repeater ID="Repeater1" runat="server" DataSourceID="EntityDataSource1" ItemType="JqueyAnimations.DAL.News">
        <ItemTemplate>
            <div class="newsItem">
                <h3>
                    <asp:Image ID="Image1" ImageUrl="<%#Item.NewsImagePath %>"

                        Visible='<%# Item.NewsImagePath!=null %>' Width="75" Height="75" runat="server" />
                    <%#Item.NewsTitle %>

                </h3>
                <div>

                    <%#Item.NewsBody %>
                </div>
            </div>
        </ItemTemplate>
    </asp:Repeater>

News Block JS:

$(document).ready(function () {
            $('div.newsItem').hide();
            $($('div.newsItem')[0]).show();
            //alert('ok');
            var count = 1;
            setInterval(function () {
                showItem(count % 5);
                count++;

            }, 3000);

        })
        function showItem(ind) {
            $('div.newsItem').hide();
            $($('div.newsItem')[ind]).fadeIn();

        }

News Page Repeater:

<asp:Repeater ID="Repeater1" runat="server" DataSourceID="EntityDataSource1" ItemType="JqueyAnimations.DAL.News">
                <ItemTemplate>

                    <h3>
                        <asp:image id="Image1" imageurl="<%#Item.NewsImagePath %>"

 Visible ='<%# Item.NewsImagePath!=null %>' Width="75" Height="75" runat="server" />
                        <%#Item.NewsTitle %>

                    </h3>
                    <div>

                        <%#Item.NewsBody %>
                    </div>
                </ItemTemplate>
            </asp:Repeater>

Thanks

解决方案

(document).ready(function () {

('div.newsItem').hide();

(

这篇关于asp，net repeater，jquery手风琴和目标导航的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！