jQuery 已选择 Css 问题

Question

我在管理面板的 post_form 页面上的 Client: 字段中使用它时遇到问题。它适用于我的 artist_form 客户端，但在我的浏览器检查器中，它在 post_form 页面上显示错误。第一张截图来自 post_form，有错误，第二张截图来自 artist_form，我有你的插件在工作，第三张我无法 post 因为我不知道在这里没有足够的声誉，因为我是这个网站的新手，我的 header.php 是 link 到 chosen.css 文件的 posted。如果您能帮助我解决这个问题，我将不胜感激。

The first screenshot is from the post_form with the error

the second is from the artist_form where I have the plugin working

<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>

Answer 1

我能够通过复制并重新粘贴 var config = { '.chosen-select' : {}, '.chosen-select-de[= 来解决我的问题18=]' : {allow_single_deselect:true}, '.chosen-select-无单' : {disable_search_threshold:10}, '.chosen-select- no-results': {no_results_text:'Oops, nothing found!'}, '.chosen-select-width' : {width:"95%"} } ...我底部的代码post_form 来自所选择的 jquery.

jQuery 已选择 Css 问题

jQuery Chosen Css Issue

javascript

css

php

jquery

jquery-chosen