Question

我正在构建一个移动应用程序，我正在使用Angular JS作为我的UI。

有一个href元素，只要点击它就会执行javascript。问题是onclick事件没有执行放在其中的函数，但是如果我将函数实现直接放在href元素的onclick事件中，它就会被执行，即如果我发出警报（＆＃39; Alert !!＆＃39）;在onclick事件中，它被执行但如果我调用函数callAlertFunc（）也执行警报，它不会被执行。可能是什么问题？

我的代码如下。

<html>
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<title>xxxxx</title>  
<!-- Stylesheets--> 
<link rel="stylesheet" href="lib/onsen/css/onsenui.css">  
<link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css">
<link rel="stylesheet" href="styles/mapsed.css"/>
<link rel="stylesheet" href="styles/app.css"/>
<link rel="stylesheet" href="styles/fonts.css"/>
<!-- Stylesheets--> 
<!-- Scripts-->
<script src="js/jquery-1.10.2.js"></script>
<script src="cordova.js"></script>
<script src="scripts/service-integrate.js"></script>
<!-- Scripts-->
<script>
     function callAlertFunc()
     {
        alert('Alert!!');
    }

</script>
</head>
<body>
<ons-navigator title="Navigator" var="myNavigator">
<ons-page>
  <ons-toolbar>
    <div class="left">
      <ons-toolbar-button ng-click="menu.toggle()">
        <ons-icon icon="ion-navicon" size="28px" fixed-width="false"></ons-icon>
      </ons-toolbar-button>
    </div>
    <div class="center">Get Details</div>
  </ons-toolbar>

  <ons-row style="padding: 0">
    <ons-col align="center">

    <ons-list>


    </ons-list>

    </ons-col>
  </ons-row>
    <br>
    <br>
    <div class="center"> <br>
    <input class="text-input" type="text" modifier="large" name="id" placeholder="id">
    <br>
    </div>
    <br>
    <a href="#" id="hrefID" onclick="callAlertFunc();">
     <ons-button class="home-btn" modifier="large">Get Details</ons-button>
        </a>

    <br></div>

     <div class="center" id="DetailsDiv"> <br>
     <u> Details</u>
     <br>
      <p class="service-data">Status: </p>
     <br>

     </div>
     </ons-page>
     </ons-navigator>



      </body>

       </html>

ons-button onclick不执行Javascript函数

0 个答案: