问window.open弹出窗口阻止问题
EN

Stack Overflow用户

提问于 2017-02-14 21:51:21

回答 1查看 621关注 0票数 0

我是一个相当缺乏经验的代码支持技术人员，但它是下降到我们的“支持”我们的网站。我们有许多文档需要下载，所以我们使用了一个下拉选择菜单(如果这就是他们所说的？)单击列表中的项目时，在新选项卡中打开pdf。然而，我们最近发现这不适用于IOS Safari，因为它使用了弹出窗口阻止，所以我想知道你是否可以找到解决这个问题的方法？

这是我们目前的代码。

<li>
   <label for="newsletters" >School Newsletters</label>

   <select name="newsletters" class="newsletters"  id="newsletters" onchange="window.open(this.value)">
    <option value="#">Please Select</option>
    <option value="newsletters/201612.pdf"> December 2016</option>
    <option value="newsletters/201607.pdf"> July 2016</option>
    <option value="newsletters/201603.pdf"> March 2016</option>
    <option value="newsletters/201512.pdf"> December 2015</option>
    <option value="newsletters/201507.pdf"> July 2015</option>

   </select>
</li>

任何建议都将不胜感激。

感谢J Tech

javascript

jquery

回答 1

Stack Overflow用户

发布于 2017-02-14 22:09:13

如果你不能通过链接到另一个问题来解决IOS问题，那么你可以找到select的替代方案。

<html>
<head>
    <style>
    ul {
        border: 1px solid black;
        list-style: none;
    }
    #dropdown > * {
        display: none;
    }
    #dropdown > *:first-child, #dropdown.active > * {
        display: block;
    }
    </style>
</head>
<body>
<ul id="dropdown">
    <li>
        <span>Please Select</span>
    </li>
    <li>
        <a href="newsletters/201612.pdf" target="_blank">December 2016</a>
    </li>
    <li>
        <a href="newsletters/201607.pdf" target="_blank">July 2016</a>
    </li>   
    <li>
        <a href="newsletters/201603.pdf" target="_blank">March 2016</a>
    </li>
    <li>
        <a href="newsletters/201512.pdf" target="_blank">December 2015</a>
    </li>
    <li>
        <a href="newsletters/201507.pdf" target="_blank">July 2015</a>
    </li>
</ul>   
<script>
var dropdown = document.querySelector('#dropdown');
dropdown.addEventListener('click', function( event ) {
    if (dropdown.className === 'active') dropdown.className = '';
    else dropdown.className = 'active';
});
</script>
</body>
</html>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42227932

复制

相似问题

问window.open弹出窗口阻止问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问window.open弹出窗口阻止问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问window.open弹出窗口阻止问题
EN