Отображение результатов поиска в плавающей коробке с помощью bulma css - PullRequest
Новая
       10

Отображение результатов поиска в плавающей коробке с помощью bulma css

0 голосов
/ 21 ноября 2018

Я пытаюсь отобразить окно результатов поиска, используя bulma, и пока у меня ничего не работает, я пробовал помощники bulma, такие как "is-clearfix", но он не отображается, я попытался выбрать и параметры, все ещене отображается, пока я не нажму, даже попробовал почетные грамоты, но не смог заставить его работать, есть ли способ сделать это с помощью bulma css?

мой код

, начинающийся с html:- 

 <div class="">
    <input type="text" name="country_name" id="country_name" class="input" placeholder="Enter Country Name" />
    <div id="countryList">
    </div>
   </div>

Ajax-часть: - 

$.ajax({
          url:"{{ route('autocomplete.fetch') }}",
          method:"POST",
          data:{query:query, _token:_token},
          success:function(data){
           $('#countryList').fadeIn();  
                    $('#countryList').html(data);
          }
         });

php-часть: - 

$output = '<ul class="dropdown-menu" style="z-index:4000 !important; position:absolute">';
      foreach($data as $row)
      {
       $output .= '
       <li><a href="#">'.$row->name.'</a></li>
       ';
      }
      $output .= '</ul>';

заранее спасибо.

1 Ответ

0 голосов
/ 22 ноября 2018

Это то, с чем я выступил, надеюсь, это поможет: -

в вашем контроллере: - 

$output .= '
       <li><a href="'.url("manage/users").'/'. $row->id .'" class="input" style="border:2px; width:400px;">'.$row->name.'</a></li>
       ';
      }
      $output .= '</ul>';

и на ваш взгляд: - 

<div class="">
    <input type="text" name="country_name" id="country_name" class="input" placeholder="Enter Country Name" />
    <div id="countryList" style="position:relative; width:100px;" > 
    </div>
   </div>
...