Question

0

104

Visualizações

Framework7 PureJS - How do show dialog?

I wan't to use Framework7 without ReactJS or Vue. I wanna use pure JS. But when I try to show a dialog, I get a console error:

Uncaught TypeError: n is undefined

Thats my JavaScript code

var app = new Framework7({
    root: '#app',
    name: 'My App',
    theme: 'ios',
    domCache: true
});

var mainView = app.views.create('.view-main');

$('.open-alert').on('click', function () {
    window.app.dialog.alert('Oops! Testing alert.');
});

and that is the HTML Part:

<!DOCTYPE html>
<html lang="de-DE">
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="theme-color" content="#2196f3">

        <meta name="viewport" content="width=device-width, initial-rotate=1.0" />
        
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        
        <link rel="stylesheet" type="text/css" href="https://v5.framework7.io/packages/core/css/framework7.bundle.min.css" />

        <link rel="stylesheet" type="text/css" href="css/style.css" />
    </head>
    <body>
        <div id="phone">
            <div id="app">
                <div class="statusbar"></div>
                <div class="view view-main">
                    <div data-name="home" class="page">
                        <button class="col button button-fill open-alert">Alert</button>
                    </div>
                </div>
            </div>
        </div>

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

        <script type="text/javascript" src="https://v5.framework7.io/packages/core/js/framework7.bundle.min.js"></script>
        <script type="text/javascript" src="js/app.js"></script>
    </body>
</html>

I searched for some examples, but nothing are work. Maybee I need to add something more?

about 4 years ago · Juan Pablo Isaza

Responde à pergunta

0

104

Framework7 PureJS - How do show dialog?

Encontrar trabalhos remotos

Andres GPT