jquery - JqueryUI Spinner issue -

-

hi having problems inserting spinner jquery ui. below code, can me, grateful. cant appear makes work disappear :s

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>     <script type="text/javascript">           //this creates spinner each of weighting boxes user have easier way of selecting desired values           $(function() {             var spinner = $( "x" ).spinner({                 min:0});             var spinner = $( "y" ).spinner({                 min:0});             var spinner = $( "z" ).spinner({                 min:0});             });               $(document).ready(function()           {             var x ='x';             var y = 'y';             var z = 'z';             // user variables declared              $('<tr><td>'+x+'</td>' +                   '<td><input id="'+x+'" class="textbox" type="text" id = "x" value="1" />'+ // text boxes each variable created                   '</td></tr>').appendto('#menu');               $('<tr><td>'+y+'</td>'+                   '<td><input id="'+y+'" class="textbox" type="text" id = "y" value="1" />'+                   '</td></tr>').appendto('#menu');               $('<tr><td>'+z+'</td>'+                   '<td><input id="'+z+'" class="textbox" type="text" id = "z" value="1" />'+                   '</td></tr>').appendto('#menu');

there many errors post comment here (be aware don't know whole code/html markup looks errors aren't real errors perhaps)

first of there no jquery ui script tag in code. guess case code example , not whole code. if not:

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

in $(function() { }); creates spinner each weighting box. declare , overwrite 1 variable ( var spinner) 3 times. not necesarry use variables it. anyway:

$(document).ready(function() {     var spinnerone = $( "#x" ).spinner({         min:0});     var spinnertwo = $( "#y" ).spinner({         min:0});     var spinnerthree = $( "#z" ).spinner({          min:0});      //alternative without using variables:     $('#x').spinner({ min: 0 }); });

i changed selectors e.g. $( "z" ) $( "#z" ) because want init spinners on <inputs>s specified id.

$('#element') selector element id "element" (usually one)

$('.element'). selector elements class "element" (if more 1 class exists selected)

this in css select class of elements dot . , id hash #

because named id topic. of input fields have two ids id unique identifier. (perhaps there in sample code show tried)

you need correct them this

<input class="textbox" type="text" id="x" value="1" />

in fact there's no need connecting + because try append html (except '<tr><td>'+x+'</td>')

it's redundant write spinners in seperate function. $(function () { });and $(document).ready(function () { });are same purpose. see stackoverflow thread more information. can't work initialize spinners before creating elements spinners should created. i'm not sure why create elements in $(document).ready() because in html template.

i'd recommend create jsfiddle. provides more accurate view of problem have resp. current progress is. helpful describe problem , doesn't work in context.

here working example of markup in modified way. please sure know do.


Comments

Post a Comment

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

-
using jmockit 1.2 jar, trying mock string's length method getting unexpected invocation exception: failed: test java.lang.illegalstateexception: missing invocation mocked type @ point; please make sure such invocations appear after declaration of suitable mock field or parameter @ stringdemo.testa$1.<init>(testa.java:17) @ stringdemo.testa.test(testa.java:13) i using testng: @test public void test() throws exception { new expectations() { @mocked("length") string astring; { astring.length(); result = 2; } }; system.out.println(a.showa("test")); } } actual class a: public class { public static int showa(string str){ int a= str.length(); return a; } } this wrong way of recording expected results. shouldn't mock , record string's length() method, record showa() instead. here solution @suppresswarnings("unused...
Read more

asp.net - Razor Page Hosted on IIS 6 Fails Every Morning -

-
i have simple page in intranet uses razor/asp fetch single record table , display it, plus few graphic, dashboard display. meaning, no user intervention other first time open ie internal url. the problem having every morning ie displays "page not found or network error" message. refresh page, , it's stuck , doesn't display anything. try different pc, open ie internal url , it's stuck... ...until following: login server hosting page run inetmgr go web sites, etc right click on page that's giving me problem , select browse at moment, error message: server error in '/' application. -------------------------------------------------------------------------------- type of page not served. description: type of page have requested not served because has been explicitly forbidden. extension '.cshtml' may incorrect. please review url below , make sure spelled correctly. requested url: /application/dashboard.cshtml ---------------...
Read more

ios - Can NSManagedObject conform to NSCoding -

-
i need transfer single object across device. right converting nsmanagedobject dictionary , archiving , sending nsdata. upon receiving unarchiving it. transfer nsmanagedobject archiving , unarchiving instead of creating intermediate data object. @interface test : nsmanagedobject<nscoding> @property (nonatomic, retain) nsstring * title; @end @implementation test @dynamic title; - (id)initwithcoder:(nscoder *)coder { self = [super init]; if (self) { self.title = [coder decodeobjectforkey:@"title"]; //<crash } return self; } - (void)encodewithcoder:(nscoder *)coder { [coder encodeobject:self.title forkey:@"title"]; } @end nsdata *archivedobjects = [nskeyedarchiver archiveddatawithrootobject:testobj]; nsdata *objectsdata = archivedobjects; if ([objectsdata length] > 0) { nsarray *objects = [nskeyedunarchiver unarchiveobjectwithdata:objectsdata]; } the problem above code is. crashes @ self.title in initwithcoder sa...
Read more