jQuery Chosen Css Issue


jQuery Chosen Css Issue

我在管理面板的"客户端:"字段的post_form页面上使用它时遇到了问题。它适用于我的客户端artist_form,但在浏览器的检查器中,它在post_form页面上显示错误。第一个屏幕截图来自有错误的post_form,第二个屏幕截图来自我让您的精美插件工作的artist_form,第三个我无法发布的是我在这里没有足够的声誉,因为我是这个网站的新手,来自我的标题.php其中发布了指向所选.css文件的链接。如果您能帮助我解决此问题,我将不胜感激。

第一个屏幕截图来自带有错误的post_form

第二个来自我有插件工作的artist_form

<script type="text/javascript">
// Post Form Validate
	$(document).ready(function () {
		$('#postForm').validate({
			errorElement: "div",
			rules: {
			    name: { required: true },
			    details: { required: true },
			    category: { required: true }
		  	}
		});
		$('#restform').click(function(){
            $('#postForm')[0].reset();
 		});
	});
// Chosen multi-select
	var config = {
	'.chosen-select' : {},
	'.chosen-select-deselect' : {allow_single_deselect:true},
	'.chosen-select-no-single' : {disable_search_threshold:10},
	'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
	'.chosen-select-width' : {width:"95%"}
	}
	for (var selector in config) {
	$(selector).chosen(config[selector]);
	} 
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>World Music Listing: Master Admin</title>
<link rel="stylesheet" href="public/css/screen.css" type="text/css" media="screen" title="default" />
<link rel="stylesheet" href="public/css/chosen.css">
<!--[if IE]>
<link rel="stylesheet" media="all" type="text/css" href="css/pro_dropline_ie.css" />
<![endif]-->
<!--  jquery core -->
<script src="public/js/jquery/jquery.min.js" type="text/javascript"></script>
<script src="public/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="public/js/chosen.jquery.min.js" type="text/javascript"></script>
</head>
					<tr>					
						<th valign="top">Client:</th>
						<td>
						<?php	
							$host_name = "localhost";
							$database = "#my database name"; 		
							$username = "#my admin user name";       		
							$password = "#my password for the admin user";       	 	
							//////// Do not Edit below /////////
							try {
								$dbo = new PDO('mysql:host='.$host_name.';dbname='.$database, $username, $password);
								} catch (PDOException $e) {
								print "Error!: " . $e->getMessage() . "<br/>";
							die();
							}
							// Select all artists (clients) and order by name //
							$sql="SELECT aname FROM tbl_music_artists ORDER BY aname";
							// multi-select dropdown - select which artists (clients) receive posts //
						?>	
							<select name="userids[]" class="chosen-select" data-placeholder="Choose a Client..." style="width:350px;" multiple>
						<?php 
							foreach ($dbo->query($sql) as $row){
							echo "<option value=$row[id]>$row[aname]</option>";
							}
						?>
							</select>
						</td>
					</tr>		

我能够通过复制并重新粘贴 var 配置 = { '.chosen-select' : {}, '.chosen-select-deselect' : {allow_single_deselect:true}, '.chosen-select-no-single' : {disable_search_threshold:10}, '.chosen-select-no-results': {no_results_text:'

哎呀,什么也没找到!'}, '.chosen-select-width' : {width:"95%"} } ... 我post_form底部的代码来自所选的 jQuery。