簡體   English   中英

為什么HTML onclick屬性在我的項目中的移動設備上不起作用?

[英]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;
}

這是我的github 頁面 這是我的github 回購

看到這個問題: 移動設備上的Javascript onClick

您需要使用touchstart作為事件。

:)

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM