nie wyświetla x w jquery dialog

pytanie zadane 22 sierpnia 2016 w JavaScript przez koder12345 Obywatel (1,570 p.)
edycja 22 sierpnia 2016 przez koder12345

<!doctype html>
<html>
<head>
<title>
tytuł strony
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/własne.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/panel_script.js"></script>
<script src="js/bootstrap.js"></script>

nie wyświetla obrazka "x" do zamykania dialogu. plik podpięcie jest prawidłowe(katalog images jest tam gdzie css jquery ui. prosze o pilną odpowiedż. dodam tylko, ze jeszcze chwile temu działało jak nalęzy a nagle zgasło.

oto skrypty z klejno:panel_script.js:

$( function() {
   $( ".info_dialog" ).dialog({
		autoOpen: false
	});
	$(".info-click").click(function(){
		$(".info_dialog").dialog("open");
	});
	
  } );

oraz div który ma byc dialogiem:

<div class="info_dialog"title="onformacje nt. szkoły.">
		<form action="action/update_school" method="post"class="form-horizontal" role="form">
			<input class="form-control" type="text" name="nazwa szkoły" placeholder="nazwa szkoły">
			<input class="form-control" type="text" name="adres" placeholder="adres szkoły">
			<input class="form-control" type="text" name="dyrektor" placeholder=" imię i nazwisko dyrektora szkoły"><br />
			<input class="btn btn-primary" type="submit" value="zaktualizuj"> 
		</form>
	</div>

2	komentarz 22 sierpnia 2016 przez xmentor Nałogowiec (49,520 p.) Samo z siebie nie przestało działać, jeżeli chwile temu działało to coś musiałeś zmienić.

2 odpowiedzi

odpowiedź 22 sierpnia 2016 przez jaca121212 Nałogowiec (40,760 p.)

A gdzie kod?

komentarz 22 sierpnia 2016 przez koder12345 Obywatel (1,570 p.)

już

komentarz 22 sierpnia 2016 przez jaca121212 Nałogowiec (40,760 p.)

Ten co dałeś kod to tylko link do Jquery

tutaj na przykład

odpowiedź 11 marca 2017 przez Marcin90 Użytkownik (500 p.)

Spróbuj załączać w kolejności:

- jquery;

- później załącz własne pliki js;

- na koniec css;

czyli:

<!doctype html>
<html>
<head>
<title>
tytuł strony
</title>
<meta charset="utf-8">

<script src="js/jquery.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/panel_script.js"></script>

<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/własne.css">

I w CSS możesz stylizować np.

.ui-dialog-titlebar {
    padding: 0.1em .5em;
    position: relative;
    font-size: 1em;
}

.ui-dialog-titlebar-close{
	background-color: #202020 !important ;
	border: none;
}