Jquery没有在ionic的<ion-nav-view>模板中加载

Jquery is not loading in <ion-nav-view> templates in ionic

本文关键字：ion-nav-view 加载 ionic Jquery      更新时间：2023-09-26

我在加载jquery库时遇到问题。我有两个使用 jquery 2.0.0 的模板。当我在模板中添加 jquery 2.0.0 CDN 时，它工作正常，但是当将其添加到索引中时.html它在本地不起作用。 是的，在模板中本地添加 jquery 不起作用。它仅适用于模板中的 CDN。

请帮助我了解ion-nav-view如何为模板提供jquery。

索引.html：-

 <html>
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
          <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
        <title></title>
        <!--link rel="stylesheet" href="css/fonts.css"-->
        <link rel="stylesheet" href="css/pure-min.css">
        <link rel="stylesheet" href="css/grids-responsive.min.css">
          <script src="js/jquery/jquery2.0.js"></script>//here i added jquery locally.but its not loading in template.
     <body>

        <ion-nav-view></ion-nav-view>
      </body>

我的模板：-

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>//here i am loding like this then its working but when adding locally like index.html its not working.....
    <link rel="stylesheet" href="css/imageSliderReset.css">
    <link rel="stylesheet" href="css/ImageSliderStyle.css">

<figure class="cd-image-container">
        <img src="{{imgFile}}" alt="Original Image">
        <span class="cd-image-label" data-type="original">Original</span>
        <div class="cd-resize-img"> <!-- the resizable image on top -->
            <img src="{{imageName}}" alt="Modified Image" >
            <span class="cd-image-label" data-type="modified">Modified</span>
        </div>
        <span class="cd-handle"></span>
    </figure> <!-- cd-image-container -->

使用 jQuery 和 angular 是反模式。DOM 操作应该在指令中完成，但如果你真的需要 jQuery，你应该在 index.html 中加载它，而不是在模板中加载它。

相关文章：