[英]Why HTML onclick attribute doesnot work on mobile devices in my project?
我正在使用jQuery庫編寫一個Web設計模板。它在台式機上很好,但在移動設備上卻很好。我的問題是當我單擊HTML''元素時我想隱藏一些div的顯示,所以我通過使用jquery做到了這一點,它可以在桌面上正常運行,但不能在移動設備上正常工作。(我在HTML''元素上定義了onclick屬性,當我單擊此按鈕時,該按鈕可以隱藏一些div,然后調用HTML onclick中的javascript函數,該函數在''元素中定義。)。請幫助我查找錯誤。
<div class="page-side">
<a href="#" id="home" class="icon fa-home active" onclick='BaseManager.reload();StyleManager.select(this,"camera","file");'></a>
<a href="#" id="camera" class="icon fa-camera-retro" onclick='StyleManager.select(this,"home","file");'></a>
<a href="#" id="file" class="icon fa-file-text-o" onclick='StyleManager.select(this,"home","camera");'></a>
</div>
select: function() {
var context,argument,arguments = StyleManager.select.arguments;
var select,miss,page_display;
page_display = function(displays={}) {
var count=0,display = {0:'title',1:'head',2:'gallery',3:'generic'};
for (display[count] in displays) {
BaseManager.getElement("#"+display[count]+"").css({'display': displays[display[count]]});
count++;
}
};
context = arguments[0];
argument = {
home: function() {
page_display();
},
camera: function() {
page_display();
},
file: function() {
page_display({title: 'block',head: 'none',gallery: 'none',generic: 'flex'});
}
};
select = BaseManager.getElement("#"+context.id+"");
if(!select.hasClass("active")) {
select.addClass("active");
for(var i=1;i<arguments.length;i++) {
miss = BaseManager.getElement("#"+arguments[i]+"");
miss.removeClass("active");
}
if(argument.hasOwnProperty(context.id)) {
argument[context.id]();
}
}
}
.page-side a
{
display: block;
text-decoration: none;
padding: 10px 14.7px;
color: rgba(255, 255, 255, 0.5);
outline: 0;
}
.page-side a:hover
{
color: white;
}
.page-side a.active
{
color: #19B5FE;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.