Question

我今天推出了我的新网站，虽然它完全响应，我的网站上有一个模态功能的问题。 http://www.joepprevoo.nl/

基本上，会发生这种情况：当用户单击某个按钮时，它会向模态包装器div添加一个类，该类与所单击的按钮具有相同的ID。

$('a.button').click(function(){ //Show modal on click button
    $('#portfolioModal'+this.id).addClass("in");
    $('body').addClass("modal-open");
});

$('.close-modal').click(function(){ //hide modal on click X
    event.preventDefault();
    $('.portfolio-modal').removeClass("in");
    $('body').removeClass("modal-open");
});

$('body').keydown(function(event) { //hide modal on 'esc'
      if (event.keyCode == '27') {
        $('.portfolio-modal').removeClass("in");
        $('body').removeClass("modal-open");
      }
});

点击：<a href="#portfolioModal1" class="button" id="1">View Project</a>

班级＆＃39; in＆＃39;被添加到<div class="portfolio-modal modal fade" id="portfolioModal1"> 并打开正确的模态窗口！

但这并不适用于Ipad和Iphone。我现在只在ios 5上安装了一部iphone，但我在ipads和其他智能手机上看到了这个问题。点击按钮时，没有任何反应。我应该在＆＃39;投资组合页面上添加它，它似乎（部分）有用http://joepprevoo.nl/portfolio。

我已经添加了光标：将鼠标悬停在按钮的css（这是一个锚点）上，但无济于事。（从这里得到了提示http://www.shdon.com/blog/2013/06/07/why-your-click-events-don-t-work-on-mobile-safari）

我在这里不知所措，谁能告诉我解决方案是什么？

提前致谢！

胜者。

编辑：这很奇怪，我创建了一个简单的jsfiddle，这适用于我的手机游戏（使用带ios5的iphone）。但是几乎相同的代码似乎并没有在我的网站上运行。

http://jsfiddle.net/5Mx9K/19/

单击锚点上的Jquery addclass（Mobile Safari）

0 个答案: