2016-03-29 2 views
0

Это DIV, который содержит символ и активно, когда мы нажмем на функции А.Я. запроса символов выполняются, и это показывает другие страныя хочу активный другой DIV, если условие гусеничного выполняется

// это ДИВ я хочу, чтобы вести активный образ жизни, когда состояние искателя fulfilled.It содержит начальный символ стран

<div class="serving-nav"> 
    <div class="container"> 
    <span>COUNTRIES:</span> 
    <%-- <a href="javascript:void(0);" data-alpha="Popular Destinations" class="active">Popular Destinations</a>--%> 
     <a href="javascript:void(0);" data-alpha="A">A</a>// this character should be active when crawler condition is satisfied. 
     <a href="javascript:void(0);" data-alpha="B">B</a> 
    </div> 
</div> 
// whenever the crawler condition is Satisfied then it shows show the country of 
//all the characters. 

Это ниже является DIV, который показывает популярную страну и показывается по умолчанию

<div class="serving-nav-data" style="display: block;" data-alpha="Popular Destinations"> 
    <h5>Popular Destinations</h5> 

    <div class="serving-boxes"> 
    <div class="row"> 
     <% foreach (var p in popularRegionRates) {%> 

     <div class="col-sm-6"> 
      <div class="serving-box"> 
      <div class="the-flag"> 
       <img src="/Content/images/AboutUs/country-flags/<%=p.CountryName %>.png" alt="<%=p.CountryName %> Courier" class="img-tall"> 
      </div> 

      <% string modName="" ; //modName=p .CountryName.Replace(" AND ", " & "); modName=p .CountryName; if (modName.IndexOf("(") !=- 1 && modName.Length>15) { modName = p.CountryName.Substring(0, p.CountryName.IndexOf('(')); %> 
       <h3 itemprop="offers" itemscope="" itemtype="" class="destiText" title="<%=%> Delivery from £<%=%>"><%=%> Delivery from <span itemprop="lowPrice">£<%=%></span></h3> 
       <%} else { if (modName.Length>18) {%> 
       <h3 itemprop="offers" itemscope="" itemtype="" class="destiText" title="<%=%> Delivery from £<%=p%>"><%=modName%> from <span itemprop="">£<%=p%></span></h3> 
       <%} else {%> 

        <h3 itemprop="offers" itemscope="" itemtype="" class="destiText" title="<%=%> Delivery from £<%=p%>"><%=%> Delivery from <span itemprop="">£<%=p%></span></h3> 
        <%} %> 
        <%}%> 


         <% if(string.IsNullOrEmpty(p.PageName)) {%> 
         <a class="book-btn trans-ease" title="to <%=p.CountryName %>" href="">Get Price &amp; Book</a> 
         <%} else{ %> 
          <a class="book-btn trans-ease" title="to <%=p.CountryName %>" href="<%=p.PageName %>">Get Price &amp; Book</a> 
          <%} %> 
          <div class="clearfix"></div> 
      </div> 
     </div> 
     <%} %> 

    </div> 
    </div> 
</div> 

Это ниже условие, что я хочу, чтобы реализовать на гусеничный

//Check userAgent to serve organic number to Googlebots 
     var gb = navigator.userAgent.toLowerCase().indexOf('googlebot'); 

     //Check userAgent to serve organic number to Bingbots 
     var bb = navigator.userAgent.toLowerCase().indexOf('bingbot'); 

     //Check userAgent to serve organic number to MSNbots 
     var mb = navigator.userAgent.toLowerCase().indexOf('msnbot'); 

     //For Blocking Animation through QueryString 
     var qrStr = window.location.toString(); 

     if (((gb > 0) || (bb > 0) || (mb > 0)) || (qrStr.indexOf('animation=false') > 0)) 
     { 

     } 

Эти выше условий гусеничного, которые должны быть реализованы, и я не хочу, чтобы показать популярные направления DIV по умолчанию в случай искателя. Он должен показывать все символы на странице по умолчанию.

Я использую функцию А.Я. запроса на нажатие символа, который определен ниже

jQuery(function ($) { 
     // Listen for Click 
     $(".serving-nav a").click(function (e) { 

      // Get the Character 
      var theChar = $(this).data('alpha'); 

      // Hide Others 
      $(this).parent().find('a').not($(this)).removeClass('active'); 
      $(".serving-data .serving-nav-data").stop(true, true).slideUp(500); 

      // $(".serving-data .serving-nav-data").show(); 

      // Show the Related 
      $(this).addClass('active'); 
      $(".serving-data .serving-nav-data[data-alpha='" + theChar + "']").stop(true, true).slideDown(500); 

      // Prevent Default 
      e.preventDefault(); 
      return false; 
     }); 

     // Trigger Click on Active One 
     $(".serving-nav a.active").click(); 
    }); 
+0

Можете ли вы определить, что вы хотите достичь более четко? –

+0

см., Как определено выше, есть два разных div, и я хочу написать условия этого искателя на странице, и если условия искателя будут удовлетворены, тогда он должен показать первый div и если условия не будут удовлетворены, тогда он должен показать div по умолчанию, это второй div. – Nikhil

ответ

0

Вы можете просто играть с .show(); and .hide(); По умолчанию .hide() дивы, а затем, если условие истинно .show() необходимый div.

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