2013-07-27 130 views
0

我已经搜索,但没有得到正确的答案。最后在这里。选择jQuery不工作

我使用jQuery选择的功能,使我的选择框更具吸引力。但徒劳无益。 请帮我解决这个问题。尽管我在编码方面做了些改变,但没有改变。

代码是在这里....

Group Assignment<select name="assigned_group" multiple="multiple" data-placeholder="Choose a country..." style="width:350px;" multiple class="chzn-select"> 
<?php foreach($this->userGroupsInArray as $groups): ?> 
    <option value="<?php echo $groups->id; ?>"><?php echo $groups->title; ?></option> 
    <?php endforeach; ?> 
</select> 
<script type="text/javascript"> 
$(document).ready(function() { 
$(".chzn-select").chosen(); 
}); 
</script> 

我已经包含了这些JS和CSS。我已经测试过,它们已经被正确包含在内。

$doc =& JFactory::getDocument(); 
$js_path = JURI::base().'components/com_itcs_forms/js/'; 

$cssPath = JURI::base().'components/com_itcs_forms/css/'; 
$doc->addStyleSheet($cssPath.'chosen.css'); 
$doc->addStyleSheet($cssPath.'chosen.min.css'); 
$doc->addScript($js_path.'chosen.jquery.js'); 
$doc->addScript($js_path.'chosen.jquery.min.js'); 
$doc->addScript($js_path.'chosen.proto.js'); 
$doc->addScript($js_path.'jquery-1.6.2.js'); 

非常感谢您的回复。

+0

那么,什么是你正在试图解决这个问题? –

+0

它显示为正常的多个选择框。不是时尚的。所以我想做出更改,使选择下拉时尚... – arnas

+0

啊,我也刚刚在问题标签中看到Joomla。 *跑掉* –

回答

0

你需要加载jQuery的无冲突的框架,无论是在你的脚本或者您的模板......

JHtml::_('behavior.framework', true); 
JHtml::_('jquery.framework');