ELM: события диалога не запускаются с использованием Framework7 - PullRequest
Новая
       27

ELM: события диалога не запускаются с использованием Framework7

0 голосов
/ 26 марта 2020

Вяз: 

div [id "app", class "view view-main"] [
              button [ class "col button open-confirm"  ] [ text "Confirm" ] -- no function now 
       ]

index. html

<html>
   <head>
     <title> Confirm </title>
         <meta charset = "utf-8" >
         <meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
     <link rel="stylesheet" href="node_modules/framework7/css/framework7.bundle.min.css">
     <link rel="stylesheet" href="framework7/customStyling/index.js">
     <link rel="stylesheet" href="node_modules/framework7-icons/css/framework7-icons.css">

   <script type="text/javascript" src ="app.js" > </script>
   </head>
   <body>
     <main></main>
     <br /><br />
     <script type="text/javascript" src="node_modules/framework7/js/framework7.bundle.min.js"></script>
   <script type="text/javascript" src="framework7/customStyling/index.js"></script>
   <script type="text/javascript" src="node_modules/framework7/js/framework7.min.js"></script>
        <script type="text/javascript" src="node_modules/framework7/js/framework7-lite.bundle.min.js"></script>


   </body>        
 </html>

customStyling / index. js [Файл f7 самый последний, установите с помощью npm install framework7 ] 

var app = new Framework7({
  root: '#app',
  name: 'My App',
  id: 'com.myapp.test',
  panel: {
    swipe: 'left',
  },
  accordion: {

  },
  routes: [
    // Add your routes here
    // Example:
    /*
    {
      path: '/about/',
      url: 'about.html',
    },
    */
  ],
});

var $$ = Dom7;

// Confirm
$$('.open-confirm').on('click', function () {
  app.dialog.confirm('Are you feel good today?', function () {
    app.dialog.alert('Great!');
  });
});

Нет ошибок в выводе журнала консоли Может спросить, почему он не работает? Аккордеоны работают с одинаковой структурой. Любая помощь ценится! Заранее спасибо!

...