选择的选择jQuery在首次加载时未显示

如何解决选择的选择jQuery在首次加载时未显示

我有一个joomla网站。我正在使用选择下拉菜单。

<div class="dropdown">
                                                    <button id="all_suburbs" class="search-item-title btn dropdown-toggle search-by-btns" type="button">
                                                        <span class="search-item-icon iconrf-all-suburbs"></span>
                                                        <?php
                                      //======================================================================================================================================//                  
                                            $str_cities = "ALL SUBURBS OF CYPRUS";

                                            $str_cities = count($filter_suburbs_ids) ? count($filter_suburbs_ids).' Suburb'.(count($filter_suburbs_ids) > 1 ? 's' : '').' selected' : $str_cities;

                                            echo $str_cities;
                                     //======================================================================================================================================//                        
                                                        ?>
                                                    </button>
                                                    <ul class="all_suburbs dropdown-menu" role="menu" aria-labelledby="all_suburbs">
                                                        
                                                        <li>
                                                        <div id="filters_city_more" class="filter_options select_auto">
                                                            <div id="search_options_city_from" class="search_select_options" data-field-name="filter_a6suburb">
                                                               <select id="areas-select" multiple data-placeholder="Choose Suburbs..."  name="filter_a6suburb[]" onchange="setAreaFromPopup()" class="chosen-select">
                                                                    <?php foreach ($suburbs as $suburb) { ?>
                                                                        <option value="<?php echo $suburb->id; ?>" <?php echo (in_array($suburb->id,$filter_suburbs_ids)) ? 'selected="selected"' : ''; ?> class="option-city option-city-<?php echo $suburb->stateid; ?>" style="display:<?php echo ($filter_a6state == 0 || $filter_a6state == $suburb->stateid) ? 'block' : 'none'; ?>"><?php echo $suburb->ezcity; ?></option>
                                                                    <?php } ?>
                                                                </select>

                                                                
                                                            </div>
                                                        </div>
                                                        </li>
                                                      <span class="clear-btn" onclick="clearArea();"  title="Clear Suburbs Filter"><u>Clear</u></span> 
                                                     </ul>
                                                     
                                                </div>  

这是jQuery代码

jQuery('#all_suburbs').on('click',function (event) {           
            if(!jQuery('body').hasClass('home')){
                jQuery(this).parent().toggleClass('open'); 
        jQuery("select.chosen-select").chosen(); 

            }
        });

页面中使用的脚本是

<?php
$doc = JFactory::getDocument();

$doc->addScript("/templates/op_rent/js/op/jquery.sumoselect.js",'text/javascript');
$doc->addScript("/templates/op_rent/js/op/jquery.sumoselect.min.js",array(),array('async' => 'async'),'text/javascript');


$doc->addScript(JURI::base() . "modules/mod_new_refine_search/assets/nouislider.min.js",'text/javascript');
$doc->addScript(JURI::base() . "modules/mod_new_refine_search/assets/jquery.smartmenus.js",'text/javascript');
$doc->addScript(JURI::base() . "modules/mod_new_refine_search/assets/jquery.smartmenus.min.js",'text/javascript');


$doc->addScript(JURI::base() . "media/jui/js/chosen.jquery.js",'text/javascript');

$doc->addStyleSheet(JURI::base() . "media/jui/css/chosen.css");

？>

在第一次加载时，我没有得到jQuerychosen选择。在此之后，有人可以帮我吗？