小编Lev*_*sen的帖子

菜单内容不会溢出它在Safari for iOS中的父级

我在网站上使用Bootstrap 3创建了一个菜单.此菜单适用于我测试的每个浏览器,以及任何屏幕尺寸.

除了iOS上的Safari,菜单根本没有出现.

使用CSS,我强制菜单的容器填充宽度,高640像素.然后我可以看到菜单.所以问题似乎是溢出.

但是,容器父和祖父母有一个累积的填充,这在任何浏览器(我测试过)中都没有区别,除了iOS上的Safari.这可以在screetshot 2号中看到.

清除一些条款

菜单引用了<ul>带id 的元素header-menu.这在下面的屏幕截图中标记为RED.

父母用类来引用不驯父母navbar-ex1-collapse.这在下面的屏幕截图中标记为蓝色.

重新创造问题

我终于能够通过添加position: absolute;到父级来重新创建Chrome中的相同问题.

截图

Chrome中菜单的屏幕截图

iOS上Safari中菜单的屏幕截图

菜单和容器代码的屏幕截图

查看代码段:

	(function($){
		$("#header-menu .menu-item-has-children > a, #header-menu .menu-item-has-children > span.after").on('click', function(e) {
			e.preventDefault();
			if( $(this).parent().hasClass('hide-sub') ){
				$(this).parent().addClass("show-sub").removeClass("hide-sub");
			}else{
				$(this).parent().addClass("hide-sub").removeClass("show-sub");
			}
		});
		
		$("#header-menu .close-menu-button > span.before").on('click', function(e) {
			e.preventDefault();
			if( $(this).parent().parent().parent().hasClass('hide-sub') ){
				$(this).parent().parent().parent().addClass("show-sub").removeClass("hide-sub");
			}else{
				$(this).parent().parent().parent().addClass("hide-sub").removeClass("show-sub");
			}
		});
	})(jQuery);
	
	
	
Run Code Online (Sandbox Code Playgroud)
@charset "utf-8";

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');


#header-menu {
  float: right
}




@media (max-width: 991px) {
  .navbar-default .navbar-toggle {
    background: rgba(255, …
Run Code Online (Sandbox Code Playgroud)

css overflow mobile-safari ios twitter-bootstrap-3

7
推荐指数
1
解决办法
440
查看次数

如何用Javascript制作具有可复制行的表(在该行之后添加新行,包含相同行)?

我试图制作一个包含多行的表,每行的最后一个单元格中都有一个按钮,用于创建该行的副本。

所有其他单元格都包含输入(文本)。添加的输入的内容(值)必须与上面的内容(它们的副本之一)相同。

副本无法复制!


输入内容必须具有唯一的名称,例如:
1-1-name
1-1-age
1-1-country
1-1-email

如果复制了该行,则复制的输入必须具有这样
的名称:
1-2-2 名称1-2-age
1-2-国家
1-2-电子邮件

下一个用3代替2,依此类推。


我猜这是一个问题,我必须在没有JQuery的情况下执行此操作。我只能使用Javascript。这有可能吗?

javascript html-table rows dynamic

5
推荐指数
1
解决办法
1508
查看次数

如何在C#中对数组进行排序?

我有这个代码用于显示数组中的列表:

<table cellpadding="0" cellspacing="5" border="0" class="listTable">
@foreach(var row in list){
    <tr>
        <td>@row[0]</td>
        <td>@row[1]</td>
        <td>@row[2]</td>
        <td>@row[3]</td>
    </tr>
}
</table>
Run Code Online (Sandbox Code Playgroud)

我想要的是在显示列表之前按升序对索引3排序数组"列表".

我现在已经搜索了好几个小时,因为我确信之前已经解决了这个问题,但我一无所获.可能是我在搜索时使用了错误的术语,如果是,那么请指出我正确的方向.

c# asp.net sorting indexing list

0
推荐指数
1
解决办法
172
查看次数