Question

我是一名教师，我目前通过blogger.com为我的班级开设博客。链接为http://stmlatin2019.blogspot.com

您会注意到我在博客的左侧边栏中有一些下拉菜单。这些在我的笔记本电脑和桌面上都能很好地工作。问题是我的学校现在转向使用iPad，而我在大多数iPad浏览器上都无法使用菜单。它们在Chrome中打开，但校园内的安全限制会扭曲Chrome上博客的外观。

我的问题是：虽然我知道这不是Apple论坛，但是有人可以告诉我如何调整这些代码，以便下拉菜单可以在像Safari这样的iPad浏览器中使用吗？目前，Safari允许我下拉菜单并进行选择，但是一旦我做出选择就没有任何反应。

我想我应该说我对编码一无所知。事实上，几年前我偶然发现了事故中的下拉代码，奇迹般地，我让它上班了。现在我回到原点。

以下是其中一个菜单的代码，以便您可以看到我正在处理的内容：

<select style="background-color:#eee9dd"
id="Select1" onchange="window.open(this.options[this.selectedIndex].value,'_blank');this.options [0].selected=true" class="text_noresize" name="select">

<option selected />Select a link
<option value="" />
<option value="http://www.stmsaints.com/site1.php" /> StM Homepage
<option value="https://mail.stmsaints.com/owa" /> StM E-mail
<option value="http://www.edmodo.com" /> Edmodo
<option value="" /> ____________________</select>"

您可以提供给我的任何帮助将非常感谢。

Answer 1

以下是Apple docs

的答案

标准window.open（）JavaScript方法不能用于从全局HTML文件或扩展栏中打开新的选项卡和窗口。相反，全局文件和扩展栏可以访问SafariApplication，SafariBrowserWindow和SafariBrowserTab类，其方法和属性允许您使用窗口和选项卡。

也发布在这里：link

Safari / Chrome内置弹出式窗口拦截器可阻止其工作。允许在Safari / Chrome中打开新窗口的唯一Javascript是直接附加到点击处理程序（以及其他直接用户输入处理程序）的Javascript。

但是，您可以显示阻止弹出窗口的提醒。

试试这个：

<select id="retailer" class="windowOpen">
    <option value="#">Select one</option>
    <option value="http://amazon.com">Amazon</option>
    <option value="http://ebay.com">eBay</option>
</select>

<script>
$(document).ready(function () {
$('select.windowOpen').change(function () {
    var url = $(this).val();

    var open = window.open(url);
    if (open == null || typeof (open) == 'undefined') alert("Turn off your pop-up blocker!\n\nWe try to open the following url:\n" + url);
});
});
</script>

的jsfiddle：

http://jsfiddle.net/utcB9/1

升级下拉菜单

1 个答案: