Question

在我的移动网站菜单中，我有一个输入字段，当我在该输入字段上单击（焦点）时，我需要弹出一个新窗口，并且该新窗口应覆盖整个屏幕并包含更大的输入字段，按钮和X用于关闭。

我尝试了所有的东西，但只是无法在Android和iphone上实现它。

这是我的手机菜单：

<ul>
    <li>Home</li>
    <li>Gallery</li>
    <li><input type="text" class="field" name="s" value="<?php echo esc_attr( get_search_query() ); ?>" id="s" placeholder="<?php esc_attr_e( 'Suche', 'osk' ); ?>" />
    <button type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Suche', 'osk' ); ?>"><span class="icon-search"></span></button></li>
</ul>

这是我尝试过的但是没有做到这一点

<script type="text/javascript"> $( '.menu_mobile #s' ).focus(function() {
        $('.search').wrap('<div class="input_focus" style="position: fixed; background: white; top: 0; left: 0; width: 100%; height: 100%; padding: 20% 0;"></div>'); 
$(this).focus();    }); 
</script>

如何在移动设备上聚焦输入时创建弹出窗口

0 个答案: