Why js doesn't work in cordova?

I am trying to run this code in a browser and in an emulator, but js is not working. The sidebar of the emulator does not open when the sidebar of the browser always opens.

How to fix this problem?

<head>
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.min.css">
    <link rel="stylesheet" type="text/css" href="css/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="css/material-design-iconic-font.min.css">
    <title>App</title>
</head>
<body>
<div data-role="page" id="page1">
  <nav class="blue lighten-1">
    <ul id="slide-out" class="side-nav fixed">
        <li class="bold"><a href="#!" class="waves-effect waves">First Sidebar Link</a></li>
        <li class="bold"><a href="#!" class="waves-effect waves">Second Sidebar Link</a></li>
      </ul>
    <a href="#" data-activates="slide-out" class="button-collapse"><i class="zmdi zmdi-menu"></i></a>
  </nav>
  </div>
  <script type="text/javascript" src="cordova.js"></script>
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/materialize.min.js"></script>
  <script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>
  <script>
   $(document).ready(function(){
     $('.button-collapse').sideNav();
    });
  </script>
</body>
+4
source share
1 answer

Replace your first meta tag with this meta tag.

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'"/>
Run codeHide result
+7
source

All Articles