为什么JavaScript无法在CodeIgniter上正常运行

时间:2017-03-28 11:10:04

标签: javascript php jquery codeigniter

来自印度尼西亚的晚安 很高兴见到你们。

好的,我们在CodeIgniter上遇到了一些关于JavaScript的问题 这是HTML(视图),我们想运行一个简单的JavaScript,只是为了知道JavaScript可以正常运行 但我无法从JavaScript中看到“警报”对话框。这段代码出了什么问题?

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Aluminium - Persebaran Alumni</title>

<link href="<?php echo base_url('assets/css/bootstrap.min.css');?>" rel="stylesheet">
<link href="<?php echo base_url('assets/css/datepicker3.css');?>" rel="stylesheet">
<link href="<?php echo base_url('assets/css/styles.css');?>" rel="stylesheet">

<!--Icons-->
<script src="<?php echo base_url('assets/js/lumino.glyphs.js');?>"></script>

<!-- javascript menampilkan lokasi saat ini -->
<script type="text/javascript">
  function all() {
    alert("Hello");
  }
  var centreGot = false;
</script>

<!-- konfigurasi library googlemaps oleh biostall -->
<?php
  echo $map['js']
?>

<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->

</head>

<body onload="all()">
  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#"><span>Aluminium</span> Pencarian Alumni</a>
        <ul class="user-menu">
          <li class="dropdown pull-right">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><svg class="glyph stroked male-user"><use xlink:href="#stroked-male-user"></use></svg> <?php echo $nama; ?> <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu">
              <li><a href="<?php echo site_url('Alumni/profile_alumni');?>"><svg class="glyph stroked male-user"><use xlink:href="#stroked-male-user"></use></svg> Profile</a></li>
              <li><a href="<?php echo site_url('Alumni/logout');?>"><svg class="glyph stroked cancel"><use xlink:href="#stroked-cancel"></use></svg> Logout</a></li>
            </ul>
          </li>
        </ul>
      </div>

    </div><!-- /.container-fluid -->
  </nav>

  <div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
    <ul class="nav menu">
      <li><a href="<?php echo site_url('Alumni');?>"><svg class="glyph stroked dashboard-dial"><use xlink:href="#stroked-dashboard-dial"></use></svg> Dashboard</a></li>
      <li><a href="<?php echo site_url('TracerStudy');?>"><svg class="glyph stroked table"><use xlink:href="#stroked-table"></use></svg> Tracer Study</a></li>
      <li class="active"><a href="<?php echo site_url('Alumni/PersebaranAlumni');?>"><svg class="glyph stroked map"><use xlink:href="#stroked-map"></use></svg> Pencarian Alumni</a></li>
      <li><a href="<?php echo site_url('Alumni/InfoGrafik');?>"><svg class="glyph stroked line-graph"><use xlink:href="#stroked-line-graph"></use></svg> Informasi Grafik</a></li>
      <li><a href="<?php echo site_url('Alumni/Stakeholder');?>"><svg class="glyph stroked pencil"><use xlink:href="#stroked-pencil"></use></svg> Stakeholder</a></li>
    </ul>
    <div class="attribution">Template by <a href="http://www.medialoot.com/item/lumino-admin-bootstrap-template/">Medialoot</a><br/><a href="http://www.glyphs.co" style="color: #333;">Icons by Glyphs</a></div>
  </div><!--/.sidebar-->

  <div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
    <div class="row">
      <div class="col-lg-12">
        <h1 class="page-header">Peta Aluminium</h1>
      </div>
    </div><!--/.row-->
    <div class="row">
      <div class="col" id="lat_lng">
        <FORM NAME="rd" METHOD="POST" ACTION="index.html">
          <INPUT TYPE="text" NAME="long" ID="long" VALUE="">
          <INPUT TYPE="text" NAME="lat" ID="lat" VALUE="">
        </FORM>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <h3 class="haversin"><?php echo anchor('Alumni/prosesHaversine', 'Haversine');?></h3>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <?php
          echo $map['html'];
        ?>
      </div>
    </div>
  </div>  <!--/.main-->


  <script src="<?php echo base_url('assets/js/jquery-1.11.1.min.js');?>"></script>
  <script src="<?php echo base_url('assets/js/bootstrap.min.js');?>"></script>
  <script src="<?php echo base_url('assets/js/chart.min.js');?>"></script>
  <script src="<?php echo base_url('assets/js/chart-data.js');?>"></script>
  <script src="<?php echo base_url('assets/js/easypiechart.js');?>"></script>
  <script src="<?php echo base_url('assets/js/easypiechart-data.js');?>"></script>
  <script src="<?php echo base_url('assets/js/bootstrap-datepicker.js');?>"></script>
  <script>
    $('#calendar').datepicker({
    });

    !function ($) {
      $(document).on("click","ul.nav li.parent > a > span.icon", function(){
        $(this).find('em:first').toggleClass("glyphicon-minus");
      });
      $(".sidebar span.icon").find('em:first').addClass("glyphicon-plus");
    }(window.jQuery);

    $(window).on('resize', function () {
      if ($(window).width() > 768) $('#sidebar-collapse').collapse('show')
    })
    $(window).on('resize', function () {
      if ($(window).width() <= 767) $('#sidebar-collapse').collapse('hide')
    })
  </script>
</body>
</html>

结束这是我们想要正常运行的JavaScript。

<!-- javascript menampilkan lokasi saat ini -->
<script type="text/javascript">
  function all() {
    alert("Hello");
  }
  var centreGot = false;
</script>

如果这只是新手的问题,我很抱歉。我很高兴,非常感谢你的好建议或建议。

0 个答案:

没有答案