javascript - jQuery UI Error - Uncaught SyntaxError: Unexpected Identifier -
i'm trying implement jquery slider that's bound select box part of questionnaire i'm putting together. however, i'm getting uncaught syntaxerror in chrome , expected ')' error in ie.
the jquery i'm using follows , straight copy jquery ui site found here:
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { var select = $( ".minbeds" ); var slider = $( "<div id="slider"></div>" ).insertafter( select ).slider({ min: 1, max: 4, range: "min", value: select[ 0 ].selectedindex + 1, slide: function( event, ui ) { select[ 0 ].selectedindex = ui.value - 1; } }); $( ".minbeds" ).change(function() { slider.slider( "value", this.selectedindex + 1 ); }); }); </script> only change i've made code i've changed #minbeds , id class (.minbeds).
the html follows:
<select class="minbeds"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> now, code seems work fine, no errors on local machine, put cms, uncaught syntaxerror: unexpected identifier error between following lines (in chrome):
var slider = $( "<div id="slider"></div>" ).insertafter( select ).slider({ and
min: 1, in ie9, expected ')' asterix indicates here:
var slider = $( "<div id="*slider"></div>" ).insertafter( select ).slider({ does have idea why might happening? thoughts on how can narrow down error? i've tried using jslint, have no idea how use properly.
here full source code cms if helps:
<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="head"><title> test | gael ltd </title><meta charset="utf-8" /> <link href="/cmspages/getcss.aspx?stylesheetname=gaelcorporate" type="text/css" rel="stylesheet" /> <link href="/app_themes/default/designmode.css" type="text/css" rel="stylesheet" /> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { var select = $( ".minbeds" ); var slider = $( "<div id="slider"></div>" ).insertafter( select ).slider({ min: 1, max: 4, range: "min", value: select[ 0 ].selectedindex + 1, slide: function( event, ui ) { select[ 0 ].selectedindex = ui.value - 1; } }); $( ".minbeds" ).change(function() { slider.slider( "value", this.selectedindex + 1 ); }); }); </script> <link href="/favicon.ico" type="image/x-icon" rel="shortcut icon" /> <link href="/favicon.ico" type="image/x-icon" rel="icon" /> <link href="/app_themes/gaelcorporate/site_superfish.css" type="text/css" rel="stylesheet" /> <link href="/app_themes/gaelcorporate/superfish.css" type="text/css" rel="stylesheet" /> </head> <body class="ltr ie ie9 engb contentbody"> <form method="post" action="/test-folder/test.aspx" id="form"> <div class="aspnethidden"> <input type="hidden" name="manscript_hiddenfield" id="manscript_hiddenfield" value="" /> <input type="hidden" name="__eventtarget" id="__eventtarget" value="" /> <input type="hidden" name="__eventargument" id="__eventargument" value="" /> </div> <script type="text/javascript"> //<![cdata[ var theform = document.forms['form']; if (!theform) { theform = document.form; } function __dopostback(eventtarget, eventargument) { if (!theform.onsubmit || (theform.onsubmit() != false)) { theform.__eventtarget.value = eventtarget; theform.__eventargument.value = eventargument; theform.submit(); } } //]]> </script> <script src="/webresource.axd?d=jpomvs0eaqhopmii_xm2hu7yliosi9swd_navxdpgg3slcv5hixf7psca8bfm4b35nfjj4ld1kdvv9zgmhi-uyac4r1j13kmlsk37dpswra1&t=635080272185083230" type="text/javascript"></script> <input type="hidden" name="lng" id="lng" value="en-gb" /><div> <input type="hidden" name="vmode" id="vmode" value="2" /> </div> <script src="/cmspages/getresource.ashx?scriptfile=%7e%2fcmsscripts%2fcmsedit.js" type="text/javascript"></script> <script src="/scriptresource.axd?d=qitu4of4gwopdurxveon4klak_jxip46zhykrqouapknbv9olat0zmmpuzjf0ltszkqlh5lcak6i-l0cb4bff84f5lbs5uidmhrhczeufpbw7x-m84ruysjexgjwe-gx0&t=34d147fd" type="text/javascript"></script> <script src="/scriptresource.axd?d=05xl_ew97j9d2hsa4uccwf9-hvrxkd018oso5vbhpba71ubup-ebmt7rx4i0scezvof8fx63gnr8y-mvt88ca0qeyuqmshw4ggpdjgvljtfyioqxinytcqqgxui7xad5x4baenoy1cvoynunafwicw2&t=34d147fd" type="text/javascript"></script> <div class="aspnethidden"> <input type="hidden" name="__scrollpositionx" id="__scrollpositionx" value="0" /> <input type="hidden" name="__scrollpositiony" id="__scrollpositiony" value="0" /> </div> <script type="text/javascript"> //<![cdata[ sys.webforms.pagerequestmanager._initialize('manscript', 'form', [], [], [], 90, ''); //]]> </script> <div id="m" style="background:none;"> <div id="cmsheaderdiv"> <div id="m_pagemanagerinfocontainer" class="pagemanagerinfocontainer"> <!-- --><div id="m_pnlpreviewinfo" class="pagemanagerpreviewinfo"> <span class="previewinfo">this preview mode of document <strong>test</strong>.</span><a class="previewinfolink" href="javascript:__dopostback('m$ctl02','')">close</a><span class="previewinfo">the preview mode.</span> </div> </div> <script type="text/javascript"> //<![cdata[ if ( (parent != null) && (parent.iscmsdesk) ) { infoelem = document.getelementbyid('m_pnlpreviewinfo'); if (infoelem) {if ( infoelem.style ) { infoelem.style.display = 'none'; } else { infoelem.display = 'none'; } }} //]]> </script><!-- --> </div> </div> <div id="pagewrapper"> <!-- vertical_menu div start --> <div id="vertical_menu"> </div><!-- vertical_menu div end --> <!-- content_container div start --> <div id="content_container"> <div id="zonecontent"> <div id="p_lt_zonecontent_bizform_viewbiz"> <div id="p_lt_zonecontent_bizform_viewbiz_ctl00"> <div id="p_lt_zonecontent_bizform_viewbiz_ctl00_pnlform" class="formpanel" onkeypress="javascript:return webform_firedefaultbutton(event, 'p_lt_zonecontent_bizform_viewbiz_ctl00_btnok')"> <table class="editingformtable"><tr><td class="editingformlabelcell"><label id="p_lt_zonecontent_bizform_viewbiz_ctl00_select_lb" class="editingformlabel" for="p_lt_zonecontent_bizform_viewbiz_ctl00_select_dropdownlist">select field</label></td><td class="editingformvaluecell"><div class="editingformcontrolnestedcontrol"> <select name="p$lt$zonecontent$bizform$viewbiz$ctl00$select$dropdownlist" id="p_lt_zonecontent_bizform_viewbiz_ctl00_select_dropdownlist" class="minbeds"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div></td></tr><tr> <td class="editingformbuttonleftcell"></td> <td class="editingformbuttoncell"> <input type="submit" name="p$lt$zonecontent$bizform$viewbiz$ctl00$btnok" value="ok" id="p_lt_zonecontent_bizform_viewbiz_ctl00_btnok" class="formbutton" /> </td></tr></table> </div> </div> </div> <select name="minbeds" class="selectinput"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> </div> <div class="bottomwebparts"></div> </div> <!-- content_container div end --> <!-- primary webparts div start --> <div id="primary_webparts"></div> <!-- primary webparts div end --> </div> <script type="text/javascript"> //<![cdata[ (function() {var fn = function() {$get("manscript_hiddenfield").value = '';sys.application.remove_init(fn);};sys.application.add_init(fn);})();//]]> </script> <script type="text/javascript"> //<![cdata[ initializepage(); //]]> </script> <script type="text/javascript"> //<![cdata[ theform.oldsubmit = theform.submit; theform.submit = webform_savescrollpositionsubmit; theform.oldonsubmit = theform.onsubmit; theform.onsubmit = webform_savescrollpositiononsubmit; //]]> </script> <input type="hidden" name="__viewstate" id="__viewstate" value="/wepdwukmtywodg0mzq2ng9kfgicarbkzbycagmpzbyczg9kfgjmd2qwagidd2qwamypzbyczg8pfgiecezvcm1nb2rlcyl1q01tlkzvcm1fbmdpbmuurm9ybu1vzgvfbnvtlcbdtvmurm9ybuvuz2luzswgvmvyc2lvbj02ljaundcxmy4ynzkyniwgq3vsdhvyzt1uzxv0cmfslcbqdwjsawnlzxlub2tlbj04mzrimtjhmju4zjixm2y5agqwagicd2qwamypzbyeagepdxychgdwaxnpymxlagqwagibdw8wbb4iq3nzq2xhc3mfh0vkaxrpbmdgb3jtq29udhjvbe5lc3rlzenvbnryb2webf8hu0icamqwamypzbyczg8pfgqfaguktgfizwxgawvszb8dagjkzaihd2qwagibdw8wbb8cbr9fzgl0aw5nrm9ybunvbnryb2xozxn0zwrdb250cm9shwmcamqwamypdxychwjkzbyczg8qdxyehwifb21pbmjlzhmfawicza8wbgycaqicagmwbbafatefatfneaubmgubmmcqbqezbqezzxafatqfatrnzgrkpyri0ouexb8y3l0rezfw/5xfeslktjr/pscd4ht+bg4=" /> <script type="text/javascript"> //<![cdata[ if (window.webform_initcallback) { __theformpostdata = ''; __theformpostcollection = new array(); window.webform_initcallback(); } //]]> </script> </form> </body> </html>
try this
var slider = $( '<div id="slider"></div>' ).insertafter( select ).slider({ 
Comments
Post a Comment