<div class="toolbar" style="height: 24px">
- <select name="folders" class="id_folders">
- {{ form.folders }}
- </select>
+ {{ form.folders }}
</div>
<div class="images-wrap" style="position: absolute; top: 24px; left:0px; right:0px; bottom: 0px;">
panel_hooks = {
load: function() {
var contentDiv = this.contentDiv;
- $('.id_folders', contentDiv).change(function() {
+ $('select[name=folders]', contentDiv).change(function() {
+ var select = this;
$('.images', contentDiv).fadeOut('slow', function() {
- $(this).html('').load('{% url folder_image_ajax %}' + $('.id_folders', contentDiv).val() + '/', function() {
+ $(this).html('').load('{% url folder_image_ajax %}' + $(select).val() + '/', function() {
$('.images-wrap', contentDiv).data('lazyload:lastCheckedScrollTop', -10000);
});
})