Foro

Home Forums Frameworks y librerías Framework 7 Error usando Pages

This topic contains 2 replies, has 2 voices, and was last updated by juan juan 3 años, 2 meses .

Viendo 3 respuestas - de la 1 a 3 (de 3 en total)
  • Error usando Pages

    Intervenciones
  • juan
    juan 
    Participant

    Hola,

    estoy usando un codigo tal y como aparece en el tutorial de framework 7 para hacer unas pruebas
    pero me aparece el siguiente error:

    Uncaught ReferenceError: $$ is not defined(anonymous function)
    @ general.js:4

    pareciera que el $$ no lo reconoce cuando esta en alguna linea.
    la linea 4 que esta en el archivo general.js es la $$(document).on(‘pageInit’, function (e) {

     Code: codigo (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.
    13.
    14.
    15.
    16.
    17.
    18.
    19.
    20.
    21.
    22.
    23.
    24.
    25.
    26.
    27.
    28.
    29.
    30.
    31.
    32.
    33.
    34.
    35.
    36.
    37.
    38.
    39.
    40.

    $$(document).on('pageInit', function (e) {
        var page = e.detail.page;
        // Code for About page
        if (page.name === 'about') {
            // We need to get count GET parameter from URL (about.html?count=10)
            var count = page.query.count;
            // Now we can generate some dummy list
            var listHTML = '<ul>';
            for (var i = 0; i < count; i++) {
                listHTML += '<li>' + i + '</li>';
            }
            listHTML += '</ul>';
            // And insert generated list to page content
            $$(page.container).find('.page-content').append(listHTML);
        }
        // Code for Services page
        if (page.name === 'services') {
            myApp.alert('Here comes our services!');
        }
    });



        
      
      var myApp = new Framework7({
          
        
          swipePanel:'left',
          swipePanelActiveArea:50,
          swipeBackPageAnimateShadow: true,
          animateNavBackIcon: true
        
        });
        

        
    var mainView = myApp.addView('.view-main', {
      dynamicNavbar: true
    });

    • This topic was modified 3 años, 2 meses by juan juan.

    • This topic was modified 3 años, 2 meses by juan juan.
    jose_vega92 
    Participant

    Antes tienes que inciarlizar $$, en la documentacion del Framework7 esta, que seria esta parte:

    // Initialize your app
    var myApp = new Framework7({

    });

    // Export selectors engine
    var $$ = Dom7;

    // Add view
    var mainView = myApp.addView(‘.view-main’, {

    });

    • This reply was modified 3 años, 2 meses by  jose_vega92.

    • This reply was modified 3 años, 2 meses by  jose_vega92.
    juan
    juan 
    Participant

    muchas gracias, me faltaba esta linea
    var $$ = Dom7;

    ya estoy leyendo a fondo la documentación

    gracias de nuevo.


Viendo 3 respuestas - de la 1 a 3 (de 3 en total)

You must be logged in to reply to this topic.

RT @brian_d_vaughn: ⚛️ Library authors have often requested a way to log warnings that include the React "component stack". PR 15170 adds t…04:48 AM Mar 22nd