jQuery selectable widget

Veröffentlicht am: 21 Juli 2015
auf dem Kanal: kudvenkat

17,878

112

Link for all dot net and sql server video tutorial playlists
https://www.youtube.com/user/kudvenka...

Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspo...

Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
/ @aarvikitchen5572

In this video we will discuss jQuery selectable widget

jQuery selectable widget allows us to select elements, individually or in a group using the mouse. Let us understand this with an example.

Here is the example code used in the demo

HTML
<ul id="selectable">
<li>Mon</li>
<li>Tue</li>
<li>Wed</li>
<li>Thu</li>
<li>Fri</li>
<li>Sat</li>
<li>Sun</li>
</ul>
You selected : <div id="result"></div>

CSS
li{
display:inline-block;
padding:20px;
border:1px solid black;
cursor:pointer
}
.ui-selected{
background-color:green;
color:white
}
.ui-selecting{
background-color:grey;
color:white
}

jQuery
$(document).ready(function () {
$('#selectable').selectable({
stop: function () {
var result = '';
$('.ui-selected').each(function () {
result += $(this).text() + '<br/>';
});

$('#result').html(result);
}
});
});

Auf dieser Seite können Sie das Online-Video jQuery selectable widget mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer kudvenkat 21 Juli 2015 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 17,878 Mal angesehen und es wurde von 112 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

40,576

118