javascript - Jquery UI slider attach label -

-

i have modal, shows @ times , have 2 sliders on it, should show values. here's code:

div#averageanswermodal.modal.fade.custom-modal(tabindex="-1", role="dialog", aria-labelledby="mymodallabel" aria-hidden="true") div.modal-content     div.modal-body(style='text-align: center;')         h2 neighbor's answers average was:         div             div#noavg neighbors didn't give anwer             div#avgslider             span#avglabel         h2 answer was:         div             dvi#notanswered didn't give anwer             div#yourslider             span#yourlabel

i have code set sldiers

initializemodal = function() {         var positionlabel = function(label, slider, val) {             $(label).html(val).position({                 my: 'center top',                 at: 'center bottom',                 of: $(slider + ' > .ui-slider-handle')             })         }          mymodal = $('#averageanswermodal').modal({             show: false,             keybord: false         })          $("#avgslider").slider({             max: 100,             disabled: true,             change: function(event, ui) {                 positionlabel('#avglabel', "#avgslider", ui.value)             }         })          $("#yourslider").slider({             max: 100,             disabled: true,             change: function(event, ui) {                 positionlabel('#yourlabel', "#yourslider", ui.value)             }         })     }

and code fires them up:

createsplashsliders = function(avg, your) {     mymodal.modal('show')     if (avg === -1) {         $("#noavg").show()         $("#avgslider").hide()         $('#avglabel').hide()     } else {         $("#noavg").hide()         $("#avgslider").show()         $('#avglabel').show()         $("#avgslider").slider('value', avg)     }      if (your === -1) {         $("#notanswered").show()         $("#yourslider").hide()         $('#yourlabel').hide()     } else {         $("#notanswered").hide()         $("#yourslider").show()         $('#yourlabel').show()         $("#yourslider").slider('value', your)     } }

the sliders show correctly , wanted attach selected value below handle. attaches values 2 lines below , if use page repeatedly span moves down line every time modal shows up. when stop code debugger in positionlabel , copy+paste same code label gets attached right place.

i've been stuck problem half day , still cannot figure out what's wrong.

update

fiddle. if put debugger in positionlabel , step through position labels correctly. somewhere have timing issue, don't know or why.

if add timeout 

        var positionlabel = function(label, slider, val) {             settimeout(function() {                 $(label).html(val).position({                     my: 'center top',                     at: 'center bottom',                     of: $(slider + ' > .ui-slider-handle')                 })             }, 200);         }

this works... not timeout of 5. why need timeout?


Comments

Post a Comment

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

-
my test list<person> mylist; @test public void testisvalidperson() { mylist = new arraylist<person>(); mylist.add(new person("tom")); when(persondao.get(person)).thenreturn(mylist); when((persondao.get(person)).isempty()).thenreturn(false);//------exception thrown boolean result = service.isvalid("tom"); assertfalse(result); } method tested: public boolean isvalid(string person){ persondao = new persondao(); person personobj = new person(person); return (persondao.get(person).isempty())?false : true; } exception thrown: org.mockito.exceptions.misusing.wrongtypeofreturnvalue: boolean cannot returned get() get() should return list *** if you're unsure why you're getting above error read on. due nature of syntax above problem might occur because: 1. exception *might* occur in wrongly written multi-threaded tests. please refer mockito faq on limitations of concurrency testing. 2. sp
Read more

php - Magento - Deleted Base url key -

-
i working on cleaning url: http://mydomain.com/shop/shop/deals i going through settings in configuration tab in admin panel on magento , change secure , unsecure base urls remove first base url "shop" web page read: http://mydomain.com/shop/deals so changed unsecure base urls mydomain.com/shop mydomain.com , secure 12.345.67.89/shop 12.345.67.89. wrong thing do. i cannot reload page or admin console. how access these files through ftp , change correctly there?? when make changes in admin panel changes made in database not in file. have make changes in database. 1.go database , select core_config_data table under table find web/unsecure/base_url , web/secure/base_url . make changes here. don't forget clear cache in var/cache folder
Read more

android - How to disable Button if EditText is empty ? -

-
i have edittext , button in application. when button clicked,the text entered in edittext added listview. i want disable button if edittext empty.how ? this code button click imagebutton imb=(imagebutton)findviewbyid(r.id.btn_send); imb.setonclicklistener(new onclicklistener() { @override public void onclick(view arg0) { edittext et = (edittext)findviewbyid(r.id.edittext1); string str = et.gettext().tostring(); web1.add(str); toast.maketext(shoutsingleprogram.this, "you entered...."+str, toast.length_short).show(); adapter1.notifydatasetchanged(); et.settext(""); } }); } how can ? edittext1.addtextchangedlistener(new textwatcher() { @override public void ontextchanged(charsequence s, int start, int before, in
Read more