点击元素li Jquery [英] Make click to element li Jquery

问题描述

你好！

我有代码：

 <   ul     class   =  nav nav-tabs menu_type >  
 <   li     class   =  active < span class =code-attribute>   rel   =  2    category   =   2 >  <   a     href   =  ＃    data-toggle   = 标签 >  покухне<   / a  >  <   / li  >  
 <   li     rel   =  2    category   =  2 >  <   a     href   = ＃    data-toggle   = 标签 > покатегории<   / a  >  <   / li  >  
 <   li     rel   =  3    category   =  2  >  <   a     href   = ＃    data-toggle   = 标签 > поцелиотдыха<   / a  >  <   / li  >  
 <   li     rel   =  4    category   =  2 >  <   a     href   = ＃    data-toggle   = 标签 > поэксклюзиву <   / a  >  <   / li  >  
 <   li     rel   =  5   < span class =code-attribute> category   =  2 >  <   a     href   = ＃     data-toggle   = 标签 > поуслугам<   / a  >  <  <跨度class =code-leadattribute> / li  >  
 <   span     class   =  select_region >  $ b $bМесторасположениересторана
 <  选择   名称  =  region    id   =  region  >  
 <  选项    value   =  0  > Выберетерайон<   / option  >  
 <  选项   值  =  1 > Бинагадинский<  < span class =code-leadattribute> / option  >  
 <  选项    value   =  2 > Карадагский<   / option  >  
 <  选项    value   =  3 > Наримановский<   /选项 >  
 <  选项   值  =  4 > Насиминский<   / option  >  
 <  选项    value   =  5  > Низаминский<   / option  >  
 <  选项   值  =  6 > Сабаильский<  < span class =code-leadattribute> / option  >  
 <  选项    value   =  7 > Сабунчинский<   / option  >  
 <  选项    value   =  8 > Сураханский<   /选项 >  
 <  选项   值  =  9 > Хазар кий<   / option  >  
 <  选项    value   =  10 > Хатаинский<   / option  >  
 <  选项    value   =  11 > Ясамальский<   /选项 >  
 <   / select  >  <   / span  >  
 <   / ul  >  

 $（  .menu_type li）。click（ function （）{
 $（' ＃type_rest'）。html（' '）; 
 $（'  .preloader'）。show（）; 
 
  var  data = {
 
类别：$（ this ).attr('  category'），
 block：$（ this ）。attr（'  rel'）
 
}; 
 
 $ .ajax（{
 type：'  POST' ，
 url：'  / instan / GetCategoriesListAJAX'，
 dataType：'  json'，
 data：data，
 success： function （data）{
  var  html = ' < span class =code-string>'; 
 $ .each（data， function （key，value）{
 
 html = html + ' < a href =/ instan / type /' + value .category + '  /' + key + '  /' + value.type + ' rel ='  + key + ' > + value.title + ' < / A> | ; 
}）; 
 html = html + ' < a href =＃class =selected_a>Все< / A>'; 
 
 $（' ＃type_rest'）。html（html）; 
 $（'  .preloader'）。hide（）; 
 
 
}，
错误： function （xhr，textStatus，error）{
 
} 
}）; 
}）; 
 

和php代码，必须调用点击标签li与rel

<？ 
  echo  ' < script> $（文件）.ready（function（）{
 $（。menu_type li [rel ='。$ this-> uri-> segment（5）。' ]）。click（）; 
}）< / script>'; 
 ？>  

但它不起作用，为什么？

解决方案

（ 。menu_type li）。click（ function （）{

（' ＃type_rest'）。html（' '）;

（' .preloader'）。show（）;

var data = {

category：

Hello!
I have code:

<ul class="nav nav-tabs menu_type">
    <li class="active" rel="2" category="2"><a href="#" data-toggle="tab">по кухне</a></li>
    <li rel="2" category="2"><a href="#" data-toggle="tab">по категории</a></li>
    <li rel="3" category="2"><a href="#" data-toggle="tab">по цели отдыха</a></li>
    <li rel="4" category="2"><a href="#" data-toggle="tab">по эксклюзиву</a></li>
    <li rel="5" category="2"><a href="#" data-toggle="tab">по услугам</a></li>
    <span class="select_region">
          Месторасположение ресторана
                  <select name="region" id="region">
<option value="0">Выберете район</option>
<option value="1">Бинагадинский</option>
<option value="2">Карадагский</option>
<option value="3">Наримановский</option>
<option value="4">Насиминский</option>
<option value="5">Низаминский</option>
<option value="6">Сабаильский</option>
<option value="7">Сабунчинский</option>
<option value="8">Сураханский</option>
<option value="9">Хазарский</option>
<option value="10">Хатаинский</option>
<option value="11">Ясамальский</option>
</select>      </span>
  </ul>

$(".menu_type li").click(function() {
  $('#type_rest').html('');
  $('.preloader').show();

  var data = {

      category : $(this).attr('category'),
      block : $(this).attr('rel')

  };

  $.ajax({
    type: 'POST',
    url: '/instan/GetCategoriesListAJAX',
    dataType : 'json',
    data: data,
    success: function(data){
      var html='';
      $.each(data, function(key, value){

        html=html+'<a href="/instan/type/'+value.category+'/'+key+'/'+value.type+'" rel="'+key+'">'+value.title+'</a> | ';
      });
      html = html + '<a href="#" class="selected_a">Все</a>';

      $('#type_rest').html(html);
      $('.preloader').hide();


    },
    error: function (xhr, textStatus, error) {

  }
  });
});

And php code, that must call click for tag li with rel

<?
echo '<script>$(document).ready(function() {
        $(".menu_type li[rel='.$this->uri->segment(5).']").click();
   })</script>';
?>

But it does not work, why?

解决方案

(".menu_type li").click(function() {

('#type_rest').html('');

('.preloader').show(); var data = { category :

这篇关于点击元素li Jquery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！