javascript - one jquery function is disabling the other -

- 

<!doctype html> <!--      --> <!--[if ie 8]> <html lang="en" class="ie8"> <![endif]--> <!--[if ie 9]> <html lang="en" class="ie9"> <![endif]--> <!--[if !ie]><!--> <html lang="en"> <!--<![endif]--> <!-- begin head --> <head>      <meta charset="utf-8" />     <title>f.e.g | admin dashboard </title>     <meta content="width=device-width, initial-scale=1.0" name="viewport" />     <!-- begin global mandatory styles -->      <script src="js/text_class.js" type="text/javascript"></script>     <script src="web/assets/plugins/flot/jquery.flot.js" type="text/javascript"></script>     <script type="text/javascript" src="/js/bmain172.js"></script>     <script src="/js/text_class.js" type="text/javascript"></script>     <script src="/freedomtextim/jquery-1.9.1.min.js" type="text/javascript"></script>     <script src="/freedomtextim/jquery-ui.js"></script>     <link href="freedomtextim/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />     <link href="web/assets/plugins/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />     <link href="freedomtextim/assets/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" />     <link href="freedomtextim/assets/css/style.css" rel="stylesheet" />     <link href="web/assets/css/style-responsive.css" rel="stylesheet" />     <link href="web/assets/css/themes/default.css" rel="stylesheet" id="style_color" />     <link href="web/assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css" />     <link href="#" rel="stylesheet" id="style_metro" />     <!-- end global mandatory styles -->     <!-- begin page level styles -->         <link href="web/assets/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet" rel="stylesheet" type="text/css" />      <link href="web/assets/plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css" />     <link href="web/assets/plugins/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet" type="text/css"  />     <link href="web/assets/plugins/jqvmap/jqvmap/jqvmap.css" media="screen" rel="stylesheet" type="text/css" />     <!-- end page level styles -->      <link href="/freedomtextim/jquery-ui.css" rel="stylesheet" type="text/css">  <script>$(function () {     $(document).tooltip({         position: { my: "left+15 center", at: "right center"},         content: function () {             return $(this).prop('title');         },         show: null,          close: function (event, ui) {             ui.tooltip.hover(              function () {                 $(this).stop(true).fadeto(400, 1);             },              function () {                 $(this).fadeout("400", function () {                     $(this).remove();                 })             });         }     }); }); </script>  <script src="web/assets/plugins/jquery-1.8.3.min.js" type="text/javascript"></script>        <!-- important! load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js fix bootstrap tooltip conflict jquery ui tooltip -->         <script src="web/assets/plugins/breakpoints/breakpoints.js" type="text/javascript"></script>     <script src="web/assets/scripts/app.js" type="text/javascript"></script>  <script>         jquery(document).ready(function() {                  app.init(); // initlayout , core plugins             index.init();             index.initjqvmap(); // init index page's custom scripts             index.initknowelements(); // init circle stats(knob elements)             index.initpeityelements(); // init pierty elements             index.initcalendar(); // init index page's custom scripts             index.initcharts(); // init index page's custom scripts             index.initchat();             index.initdashboarddaterange();             index.initintro();         });     </script>  <style type="text/css">   label {           display: inline-block;           width: 5em;       }       .red {           color: red;       }     }</style>  </head>

inside app.js file.

var handlesidebarmenu = function () {          jquery('#sidebar .has-sub > a').click(function (e) {             var last = jquery('.has-sub.open', $('#sidebar'));             last.removeclass("open");             jquery('.arrow', last).removeclass("open");             jquery('.sub', last).slideup(200);             var sub = jquery(this).next();             if (sub.is(":visible")) {                 jquery('.arrow', jquery(this)).removeclass("open");                 jquery(this).parent().removeclass("open");                 sub.slideup(200, function () {                     handlesidebarandcontentheight();                  });             } else {                 jquery('.arrow', jquery(this)).addclass("open");                 jquery(this).parent().addclass("open");                 sub.slidedown(200, function () {                     handlesidebarandcontentheight();                  });             }             e.preventdefault();         });     }

enter image description here

you need put jquery code after you've included jquery.

<script src="web/assets/plugins/jquery-1.8.3.min.js" type="text/javascript"></script>    <!-- important! load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js fix bootstrap tooltip conflict jquery ui tooltip -->     <script src="web/assets/plugins/breakpoints/breakpoints.js" type="text/javascript"></script>     <script src="web/assets/scripts/app.js" type="text/javascript"></script> <script>     // code here </script>

Comments

Post a Comment

Popular posts from this blog

c# - How to get the current UAC mode -

-
can check current uac type set in device before running application through c#. i got know approach check whether current user administrator or not. but, need know uac type set (i.e. default/never notify) internal logic. is possible? please help. this article self-elevation , checking level program runs in. due security reasons i'm afraid won't able retrieve uac level set. http://code.msdn.microsoft.com/windowsdesktop/csuacselfelevation-644673d3
Read more

postgresql - Lazarus + Postgres: incomplete startup packet -

-
i've been building lazarus pascal program using postgresql on back-end. used work fine following lines opening db. dbconn:= tpqconnection.create(nil); dbconn.hostname := 'localhost'; dbconn.databasename:= 'dbhrs'; dbconn.username:='mizk'; dbconn.password:='123'; dbconn.open; if dbconn.connected openhrsdb := true else openhrsdb := false; but moment change localhost server's ip (on lan), program stops. no errors or warnings. have no clue happening. here related details may narrow down problem. the program i'm running workstation on same lan server. both machines run ubuntu 12.04 desktop i can access postgres db on server using pgadmin iii, guess it's not firewall issue. i have allowed postgresql ufw , ufw disabled. strangely, when firewall disabled, can ssh server terminal using workstation. when it's enabled, can't my biggest concern right why pascal program not working when i...
Read more

javascript - Ajax jqXHR.status==0 fix error -

-
$.ajax({ url: urlstring, datatype: "json", type: "get", success: function (data) { alert(data); }, error: function (jqxhr, exception) { if (jqxhr.status === 0) { alert('not connect.\n verify network.'); } else if (jqxhr.status == 404) { alert('requested page not found. [404]'); } else if (jqxhr.status == 500) { alert('internal server error [500].'); } else if (exception === 'parsererror') { alert('requested json parse failed.'); } else if (exception === 'timeout') { alert('time out error.'); } else if (exception === 'abort') { alert('ajax request aborted.'); } else { alert('uncaught error.\n' + jqxhr.responsete...
Read more