mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
Upgrade jQuery to 1.7.1.
This commit is contained in:
Jörn Zaefferer
parent
9bd08798c2
commit
769abbabc3
@ -4,7 +4,7 @@
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Selectmenu - Default functionality</title>
|
||||
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||
<script src="../../jquery-1.7.js"></script>
|
||||
<script src="../../jquery-1.7.1.js"></script>
|
||||
<script src="../../ui/jquery.ui.core.js"></script>
|
||||
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||
<script src="../../ui/jquery.ui.position.js"></script>
|
||||
@ -14,7 +14,7 @@
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script>
|
||||
$(function() {
|
||||
|
||||
|
||||
$.widget( "custom.iconselectmenu", $.ui.selectmenu, {
|
||||
_renderItem: function( ul, item ) {
|
||||
var li = $( "<li />" ).data( "item.selectmenu", item );
|
||||
@ -27,22 +27,22 @@
|
||||
href: '#'
|
||||
});
|
||||
li.append( link );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
return li.appendTo( ul );
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
var files = $('select#files').iconselectmenu({
|
||||
dropdown: false
|
||||
});
|
||||
files.iconselectmenu("widget").children("ul").addClass("ui-menu-icons");
|
||||
|
||||
|
||||
var filesB = $('select#filesB').iconselectmenu({
|
||||
dropdown: false
|
||||
});
|
||||
filesB.iconselectmenu("widget").children("ul").addClass("ui-menu-icons customicons");
|
||||
|
||||
|
||||
var peopleA = $('select#peopleA').iconselectmenu();
|
||||
peopleA.iconselectmenu("widget").children("ul").addClass("ui-menu-icons avatar");
|
||||
});
|
||||
@ -53,26 +53,26 @@
|
||||
fieldset { border: 0; }
|
||||
label { display: block; }
|
||||
select { width: 200px; }
|
||||
|
||||
|
||||
.ui-selectmenu-menu .ui-menu .ui-icon { top: 0.4em; }
|
||||
.ui-selectmenu-menu .ui-menu .ui-menu-item a { padding-left: 2em; }
|
||||
|
||||
|
||||
/* select with custom icons */
|
||||
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item a { padding: 0.5em 0 0.5em 3em; }
|
||||
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item a .ui-icon { height: 24px; width: 24px; top: 0.2em;}
|
||||
.ui-icon.video { background: url(images/24-video-square.png) 0 0 no-repeat; }
|
||||
.ui-icon.podcast { background: url(images/24-podcast-square.png) 0 0 no-repeat; }
|
||||
.ui-icon.rss { background: url(images/24-rss-square.png) 0 0 no-repeat; }
|
||||
|
||||
|
||||
/* native select with CSS avatar icons */
|
||||
option.avatar { background-repeat: no-repeat !important; padding-left: 20px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="demo">
|
||||
|
||||
<form action="#">
|
||||
<form action="#">
|
||||
|
||||
<h2>"popup" style with framework icons</h2>
|
||||
<fieldset>
|
||||
@ -85,7 +85,7 @@
|
||||
<option value="somefile">Some unknown file</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
|
||||
|
||||
<h2>"popup" style with custom icon images</h2>
|
||||
<fieldset>
|
||||
<label for="filesB">Select a File:</label>
|
||||
@ -94,8 +94,8 @@
|
||||
<option value="myvideo" class="video">Scott Gonzales Video</option>
|
||||
<option value="myrss" class="rss">jQuery RSS XML</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
|
||||
</fieldset>
|
||||
|
||||
<h2>"dropdown" style with custom avatar 16x16 images as CSS background</h2>
|
||||
<fieldset>
|
||||
<label for="peopleA">Select a Person:</label>
|
||||
@ -105,7 +105,7 @@
|
||||
<option value="3" class="avatar" style="background-image: url(http://www.gravatar.com/avatar/bdeaec11dd663f26fa58ced0eb7facc8?d=monsterid&r=g&s=16);">Jane Doe</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
</div><!-- End demo -->
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Selectmenu - Default functionality</title>
|
||||
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||
<script src="../../jquery-1.7.js"></script>
|
||||
<script src="../../jquery-1.7.1.js"></script>
|
||||
<script src="../../ui/jquery.ui.core.js"></script>
|
||||
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||
<script src="../../ui/jquery.ui.position.js"></script>
|
||||
@ -15,14 +15,14 @@
|
||||
<script>
|
||||
$(function() {
|
||||
$('select#speed').selectmenu();
|
||||
|
||||
|
||||
var withOverflow = $('select#number').selectmenu({
|
||||
dropdown: false
|
||||
});
|
||||
withOverflow.selectmenu("widget").addClass("overflow");
|
||||
|
||||
|
||||
$('select#files').selectmenu();
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
<style>
|
||||
@ -34,7 +34,7 @@
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="demo">
|
||||
|
||||
<form action="#">
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Selectmenu - Event functionality</title>
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
|
||||
<script src="../../../jquery-1.7.js"></script>
|
||||
<script src="../../../jquery-1.7.1.js"></script>
|
||||
<script src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script src="../../../ui/jquery.ui.position.js"></script>
|
||||
@ -14,9 +14,9 @@
|
||||
<script src="../../../ui/jquery.ui.selectmenu.js"></script>
|
||||
<link rel="stylesheet" href="../../../demos/demos.css">
|
||||
<script>
|
||||
$(function() {
|
||||
$('select#speed').selectmenu();
|
||||
|
||||
$(function() {
|
||||
$('select#speed').selectmenu();
|
||||
|
||||
var availableTags = [
|
||||
"ActionScript",
|
||||
"AppleScript",
|
||||
@ -54,7 +54,7 @@
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="demo">
|
||||
|
||||
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Selectmenu - Event functionality</title>
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
|
||||
<script src="../../../jquery-1.7.js"></script>
|
||||
<script src="../../../jquery-1.7.1.js"></script>
|
||||
<script src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script src="../../../ui/jquery.ui.position.js"></script>
|
||||
@ -14,9 +14,9 @@
|
||||
<script src="../../../ui/jquery.ui.selectmenu.js"></script>
|
||||
<link rel="stylesheet" href="../../../demos/demos.css">
|
||||
<script>
|
||||
$(function() {
|
||||
$('select#speed').selectmenu();
|
||||
|
||||
$(function() {
|
||||
$('select#speed').selectmenu();
|
||||
|
||||
$( "#dialog" ).dialog();
|
||||
});
|
||||
</script>
|
||||
@ -28,11 +28,11 @@
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="demo">
|
||||
|
||||
|
||||
<div id="dialog" title="Basic dialog">
|
||||
<div id="dialog" title="Basic dialog">
|
||||
<p>Some example content</p>
|
||||
<p><a href="#nogo">Test Link</a></p>
|
||||
<form action="#">
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Selectmenu - Disable functionality</title>
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
|
||||
<script src="../../../jquery-1.7.js"></script>
|
||||
<script src="../../../jquery-1.7.1.js"></script>
|
||||
<script src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script src="../../../ui/jquery.ui.position.js"></script>
|
||||
@ -21,9 +21,9 @@
|
||||
dropdown: false
|
||||
});
|
||||
withOverflow.selectmenu("widget").addClass("overflow");
|
||||
$('select#files').selectmenu();
|
||||
$('select#files').selectmenu();
|
||||
var files2 = $('select#files2').selectmenu();
|
||||
|
||||
|
||||
$("#disable_select").toggle( function() {
|
||||
files2.selectmenu("disable");
|
||||
}, function() {
|
||||
@ -43,7 +43,7 @@
|
||||
}, function() {
|
||||
files2.find("optgroup:eq(0)").removeAttr("disabled");
|
||||
files2.selectmenu("refresh");
|
||||
|
||||
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@ -56,7 +56,7 @@
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="demo">
|
||||
|
||||
<form action="#">
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Selectmenu - Event functionality</title>
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
|
||||
<script src="../../../jquery-1.7.js"></script>
|
||||
<script src="../../../jquery-1.7.1.js"></script>
|
||||
<script src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script src="../../../ui/jquery.ui.position.js"></script>
|
||||
@ -16,19 +16,19 @@
|
||||
$(function() {
|
||||
var log = $("#log");
|
||||
var index = 0;
|
||||
$('select').selectmenu({
|
||||
$('select').selectmenu({
|
||||
open: function(event, ui) {
|
||||
$("<div/>").text( index++ + " Opened").prependTo(log);
|
||||
},
|
||||
},
|
||||
close: function(event, ui) {
|
||||
$("<div/>").text( index++ + " Closed").prependTo(log);
|
||||
},
|
||||
},
|
||||
focus : function(event, ui) {
|
||||
$("<div/>").text( index++ + " Focused: " + ui.item.label + " #" + ui.item.index ).prependTo(log);
|
||||
},
|
||||
},
|
||||
select: function(event, ui) {
|
||||
$("<div/>").text( index++ + " Selected: " + ui.item.label + " #" + ui.item.index ).prependTo(log);
|
||||
},
|
||||
},
|
||||
change: function(event, ui) {
|
||||
$("<div/>").text( index++ + " Changed to: " + ui.item.label + " #" + ui.item.index ).prependTo(log);
|
||||
}
|
||||
@ -44,7 +44,7 @@
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="demo">
|
||||
|
||||
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Selectmenu - Event functionality</title>
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
|
||||
<script src="../../../jquery-1.7.js"></script>
|
||||
<script src="../../../jquery-1.7.1.js"></script>
|
||||
<script src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script src="../../../ui/jquery.ui.position.js"></script>
|
||||
@ -15,21 +15,21 @@
|
||||
<script>
|
||||
$(function() {
|
||||
var mySelectmenu = $('select').selectmenu();
|
||||
|
||||
|
||||
$("#destroy").click( function() {
|
||||
mySelectmenu.selectmenu("destroy");
|
||||
});
|
||||
|
||||
|
||||
$("#refresh").click( function() {
|
||||
mySelectmenu.append('<option value="fastsound">Faster than sound</option>');
|
||||
mySelectmenu.selectmenu("refresh");
|
||||
});
|
||||
|
||||
|
||||
$("#open").click( function() {
|
||||
mySelectmenu.selectmenu("open");
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
$("#close").click( function() {
|
||||
mySelectmenu.selectmenu("close");
|
||||
return false;
|
||||
@ -45,7 +45,7 @@
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="demo">
|
||||
|
||||
<form action="#">
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Selectmenu - Event functionality</title>
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
|
||||
<script src="../../../jquery-1.7.js"></script>
|
||||
<script src="../../../jquery-1.7.1.js"></script>
|
||||
<script src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script src="../../../ui/jquery.ui.position.js"></script>
|
||||
@ -15,11 +15,11 @@
|
||||
<script>
|
||||
$(function() {
|
||||
var mySelectmenu = $('select').selectmenu();
|
||||
|
||||
|
||||
$("#value").click( function() {
|
||||
mySelectmenu.selectmenu("option", "value", "Faster");
|
||||
});
|
||||
|
||||
|
||||
$("#dropdown").toggle( function() {
|
||||
mySelectmenu.selectmenu("option", "dropdown", false);
|
||||
}, function() {
|
||||
@ -36,7 +36,7 @@
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="demo">
|
||||
|
||||
<form action="#">
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Selectmenu - Event functionality</title>
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
|
||||
<script src="../../../jquery-1.7.js"></script>
|
||||
<script src="../../../jquery-1.7.1.js"></script>
|
||||
<script src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script src="../../../ui/jquery.ui.position.js"></script>
|
||||
@ -14,9 +14,9 @@
|
||||
<script src="../../../ui/jquery.ui.selectmenu.js"></script>
|
||||
<link rel="stylesheet" href="../../../demos/demos.css">
|
||||
<script>
|
||||
$(function() {
|
||||
$(function() {
|
||||
$( "#tabs" ).tabs();
|
||||
$('select').selectmenu();
|
||||
$('select').selectmenu();
|
||||
});
|
||||
</script>
|
||||
<style>
|
||||
@ -27,7 +27,7 @@
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="demo">
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user