Javascript — JQuery Выбранный Css Issue
У меня возникла проблема с использованием его на моей странице post_form в моей панели администратора для клиента: поле. Он работает на моем artist_form для клиентов, но в инспекторе моих браузеров показывает ошибку на странице post_form. Первый скриншот взят из post_form с ошибкой, второй из artist_form, где у меня работает ваш плагин, и третий, который я не могу опубликовать, потому что у меня недостаточно репутации, так как я новичок на этом сайте будет из моего header.php, где размещена ссылка на файл selected.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 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:’ К сожалению, ничего не найдено! ‘},’ .chosen-select-width ‘: {width: «95%»} } … код в нижней части моего post_form, который пришел из выбранного jquery.
Другие решения
Других решений пока нет …