登录弹出窗口未显示在移动网站上
Login Popup not Showing on Mobile Site
在WordPress网站上工作:http://goo.gl/3VONrG
它在Ajax上遇到了一些问题,不确定这是否与此有关。
登录弹出窗口适用于桌面网站,但不适用于移动网站。
这是菜单上按钮的菜单代码。
<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>
在桌面站点上找到链接的此代码:
// 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 : /<#(['s'S]+?)#>/g,
interpolate : /'{'{(.+?)'}'}/g,
escape : /<%-(['s'S]+?)%>/g
},
'auth': _.template('<li><a href="{{ profile_url }}" class="bg-btn-header header-btn"><span class="icon" data-icon="U"></span></a></li>' +
'<li><a href="' + et_globals.logoutURL + '" 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');
}
});
如何将此代码应用于移动网站?
提前谢谢。
原来我忘记在标题中添加指向所需.js文件的链接。
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- FabricJs-限制主对象内添加对象的移动区域
- 如何从画布上的某个移动事件中获取X和Y
- 触摸移动时切换到新元素
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 停止jQuery UI滑块移动超过给定值
- 谷歌地图API v3不适用于移动浏览器或PhoneGap
- 如何将chrome扩展功能移植到移动设备(特别是jquery和trello)
- JQuery移动动态分区页面
- XMLHttpRequest在移动设备上的chrome上不起作用
- 如何使bxslider仅在移动视图中处于活动状态
- css停止图像在滚动中移动
- jquery移动对齐按钮取决于内容大小
- 背景图像顶部的滚动图像不移动
- 如何在react js中移动第二个组件
- 用于在移动网站上向移动应用程序显示横幅的JavaScript库
- 如何创建一个“;“桌面版”;移动网站上的链接,而不重定向到移动网站