Login-Popup wird auf der mobilen Site nicht angezeigt

Lesezeit: 2 Minuten

Arbeiten an der WordPress-Site: http://goo.gl/3VONrG

Es hatte ein paar Probleme mit Ajax, ich bin mir nicht sicher, ob das damit zusammenhängt.

Das Anmelde-Pop-up funktioniert auf der Desktop-Site, aber nicht auf der mobilen Site.

Hier ist der Menücode für die Schaltfläche im Menü.

                    <li>
                        <a id="requestLogin" class="login-modal bg-btn-header btn-header" rel="modal-box" href="#login" title="<?php _e('Login', ET_DOMAIN);?>">
                            <span class="icon" data-icon="U" rel=""></span> 
                        </a>
                    </li>

Habe diesen Code gefunden, der auf der Desktop-Site verlinkt ist:

// View: Header
JobEngine.Views.Header = Backbone.View.extend({
    el: 'header',
    modal_login: {},
    modal_register: {},
    modal_forgot_pass: {},

    templates: {
        'login': '<li><a id="requestLogin" class="login-modal header-btn bg-btn-header" href="#login"><span class="icon" data-icon="U"></span></a></li>',
        'auth': _.templateSettings = {
            evaluate    : /<#([sS]+?)#>/g,
            interpolate : /{{(.+?)}}/g,
            escape      : /<%-([sS]+?)%>/g
        },
        'auth': _.template('<li><a href="{{%20profile_url%20}}" class="bg-btn-header header-btn"><span class="icon" data-icon="U"></span></a></li>' +
            '<li><a href="'%20+%20et_globals.logoutURL%20+%20'" id="requestLogout" class="bg-btn-header header-btn"><span class="icon" data-icon="Q"></span></a></li>')
    },
    events: {
        'click a#requestLogout': 'doLogout',
        'click a#requestLogin': 'doLogin',
        'click a.requestlogin': 'doLogin',
        'click a#requestRegister': 'doRegister'
    },
    initialize: function() {
        if (!this.modal_login || !(this.modal_login instanceof JobEngine.Views.Modal_Login)) {
            this.modal_login = new JobEngine.Views.Modal_Login();
        }
        if (!this.modal_register || !(this.modal_register instanceof JobEngine.Views.Modal_Register)) {
            this.modal_register = new JobEngine.Views.Modal_Register();
        }
        if (!this.modal_forgot_pass || !(this.modal_forgot_pass instanceof JobEngine.Views.Modal_Forgot_Pass)) {
            this.modal_forgot_pass = new JobEngine.Views.Modal_Forgot_Pass();
        }
    },

    updateAuthButtons: function() {
        if (!JobEngine.app.currentUser.isNew()) {
            this.$('div.account ul').html(this.templates.auth(JobEngine.app.currentUser.attributes));
        } else {
            this.$('div.account ul').html(this.templates.login);
        }
        pubsub.trigger('afterUserChange', JobEngine.app.currentUser.isNew());
    },

    doLogout: function(e) {
        e.preventDefault();
        pubsub.trigger('je:request:logout');
        JobEngine.app.auth.doLogout();
    },

    doLogin: function(e) {
        e.preventDefault();
        pubsub.trigger('je:request:auth');

    },

    doRegister: function(e) {
        e.preventDefault();
        pubsub.trigger('je:request:register');
    }

});

Wie wende ich diesen Code auf die mobile Website an?

Vielen Dank im Voraus.

Es stellte sich heraus, dass ich vergessen hatte, Links zu den erforderlichen .js-Dateien im Header hinzuzufügen.

  • Es wird empfohlen, am Ende der Seite (vor dem Ende des Hauptteils) JS-Links hinzuzufügen </body>) statt in <head> für ein besseres Laden der Website.

    – Aziz

    23. Februar ’16 um 9:16

  • Danke, ich füge es jetzt unten hinzu. Ich lasse mich noch nicht antworten, muss 24 Stunden warten.

    – Jack Robson

    23. Februar ’16 um 9:40

.

214620cookie-checkLogin-Popup wird auf der mobilen Site nicht angezeigt

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy