Jquery 响应式设计：如何在桌面浏览器的模式窗口中打开链接，而不是在移动设备上？

我想在桌面用户的模式窗口中打开一些链接，但在移动用户的模式窗口（通过CSS类和jQuery事件侦听器启动的模式窗口）中不打开这些链接。该网站正在使用媒体查询运行一个响应主题，因此我试图找出如何处理不同屏幕大小的不同行为（对每个屏幕大小中使用的设备类型进行假设）

我现在已经设置了两个不同的链接。每个屏幕大小只显示其中的1个链接，我假设较大的屏幕大小将使用模式窗口链接。当媒体查询返回较小的大小时，我隐藏模式窗口链接并显示指向所需页面的标准链接

---

看来一定有更好的办法。有什么想法吗？

如果我理解正确，你需要一个锚来根据屏幕大小做不同的事情（另一种检测手机并避免桌面上只有小窗口的方法是根据大小和像素比例进行媒体查询）

我看到这种方法的问题是（假设您有两个选项，并且仅根据css媒体查询显示/隐藏正确的选项），您在代码中重复内容，这对可访问性不是很好

---

为什么不通过jquery来实现呢？可以检测视口大小并为链接提供适当的功能。例如，您拥有默认链接，除了重定向到新地址外，没有其他特定操作。但是，如果视口大于x，则将链接的内容写入不同的内容（添加一个类以打开模式等）

如果我理解正确，你需要一个锚来根据屏幕大小做不同的事情（另一种检测手机并避免桌面上只有小窗口的方法是根据大小和像素比进行媒体查询）

我看到这种方法的问题是（假设您有两个选项，并且仅根据css媒体查询显示/隐藏正确的选项），您在代码中重复内容，这对可访问性不是很好

---

为什么不通过jquery来实现呢？可以检测视口大小并为链接提供适当的功能。例如，您拥有默认链接，除了重定向到新地址外，没有其他特定操作。但是，如果视口大于x，则将链接的内容写入不同的内容（添加一个类以打开模式等）

太好了。我不太知道这是可能的。刚刚找到一个链接来解释这一点：完美。我不太知道这是可能的。刚刚找到一个链接解释了这一点：