jQuery transform select into picker option -

-

i'm trying solve bug (it works fine on chrome). that's script transform select picker option:

jquery.fn.select2optionpicker = function(options) {     return this.each(function() {             var $ = jquery;             var select = $(this);             var multiselect = select.attr('multiple');             select.hide();              var buttonshtml = $('<div class="d2s"></div>');             var selectindex = 0;             var addoptgroup = function(optgroup) {                     if (optgroup.attr('label')) {                             buttonshtml.append('<strong>' + optgroup.attr('label') + '</strong>');                     }                     var ulhtml = $('<ul>');                     optgroup.children('option').each(function() {                             var img_src = $(this).data('img-src');                             var color = $(this).data('color');                              var lihtml = $('<li></li>');                             if ($(this).attr('disabled') || select.attr('disabled')) {                                     lihtml.addclass('disabled');                                     lihtml.append('<span>' + $(this).html() + '</span>');                             } else {                                      if (color) {                                             lihtml.append('<a href="#" style="background-color:' + color + '" data-select-index="' + selectindex + '">&nbsp;</a>');                                     } else if (img_src) {                                             lihtml.append('<a href="#" data-select-index="' + selectindex + '"><img class="image_picker" src="' + img_src + '"></a>');                                     } else {                                             lihtml.append('<a href="#" data-select-index="' + selectindex + '">' + $(this).html() + '</a>');                                     }                             }                              // mark current selection "picked"                             if ((!options || !options.nodefault) && $(this).attr('selected')) {                                     lihtml.children('a, span').addclass('picked');                             }                             ulhtml.append(lihtml);                             selectindex++;                     });                     buttonshtml.append(ulhtml);             }              var optgroups = select.children('optgroup');             if (optgroups.length == 0) {                     addoptgroup(select);             } else {                     optgroups.each(function() {                             addoptgroup($(this));                     });             }              select.after(buttonshtml);              buttonshtml.find('a').click(function(e) {                     e.preventdefault();                     var clickedoption = $(select.find('option')[$(this).attr('data-select-index')]);                     if (multiselect) {                             if (clickedoption.attr('selected')) {                                     $(this).removeclass('picked');                                     clickedoption.removeattr('selected');                             } else {                                     $(this).addclass('picked');                                     clickedoption.attr('selected', 'selected');                             }                     } else {                             if ($(this).hasclass('picked')) {                                     //$(this).removeclass('picked');                                     //clickedoption.removeattr('selected');                             } else {                                     buttonshtml.find('a, span').removeclass('picked');                                     $(this).addclass('picked');                                     clickedoption.attr('selected', 'selected');                             }                     }                          select.trigger('change');                 });         }); };  $('.js-d2s').select2optionpicker();  $('#showdropdown').change(function() {         $('.js-d2s').toggle();  });

here can find in action:
http://goo.gl/0ggfkk

(this pen not mine, got same problem following plugin: http://www.jqueryscript.net/form/jquery-plugin-to-convert-select-list-to-a-option-picker.html)

i'm using plugin convert select option pickers, found bug can't solve. if show dropdowns can see it. if select room 2, room 3, etc dropdown update too, if click on room 2 again (a button clicked / option selected), value won't updated. briefly, unselected option can refresh value , pass right variable. think it?


Comments

Post a Comment

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

-
i have problem namespace of spring security on xhtml page. don't understand why can't load uri, , have following issue: whitelabel error page application has no explicit mapping /error, seeing fallback. tue jul 21 16:58:12 utc 2015 there unexpected error (type=not found, status=404). please need help! possible uri has been changed? best regards you using incorrect namespace url. correct url http://www.springframework.org/schema/security the error page seeing spring source website since not recognize url. try visiting http://www.springsource.org/security/tags in browser update : spring security tags used in jsp page correct tag lib declaration is: <%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
Read more

sql - MySQL query optimization using coalesce -

-
can explain me why second query faster first? (first 1 takes around 40 seconds, second 1 less 0.1) select releases.feature_code, releases.platform_id, version, release_date, general_available, uri, filesize, display_name, feature_name.full_name, if ((select exists(select 1 release_exceptions releases.feature_code = release_exceptions.feature_code , releases.platform_id = release_exceptions.platform_id , releases.version = release_exceptions.version) = 1), 1, 0) release_exceptions releases left outer join platform using(platform_id) left outer join feature_name using(feature_code) order version desc; ~~~ query 2 ------------------ ~~~ select feature_code, version, release_date, general_available, platform_id, uri, filesize, display_name, feature_name.full_name, coalesce(release_exceptions, 0) release_exceptions mus.releases left outer join ( select distinct feature_code, version, platform_id, 1 release_exceptions mus.release_exceptions ) release_exceptions using ...
Read more

unity3d - Unity local avoidance in user created world -

-
i'm using unity3d networked multiplayer online game have large complex 3d terrain scene forest, trees, cliff, hills, mountains, bounders, etc. players can build structures sort of minecraft, , put them anywhere in scene, or move them around anytime. aside human controlled players, there automated ai players , objects animals roaming around scene following path. the problem how make these automated ai players , animals, able navigate around static , dynamic player created structures, because path follow can blocked player created structures, or other players , other ai objects, cliffs etc. have find away around them or on track if tumble down off high cliff example. so made navmesh , used navagents, takes care of static, non moving objects, how make ai players navigate around each other , dynamic structures created players can number in hundreds? i thought of adding navmeshobstacle everything, result in being attached hundreds of objects since user created structures b...
Read more