小编shr*_*ans的帖子

你能在<section role ="main">元素中使用<aside>元素吗?

我正在使用HTML5和WAI-ARIA改进HTML中的可访问性.

可以进行以下设置吗?

<!-- main content -->
<section id="main" role="main">
    <h1>The main content</h1>

    <!-- This div needs to be here for styling reasons -->
    <div class="the-content">    
         <p>All the text that goes with the main content</p>
    </div>

    <!-- the sidebar -->
    <aside id="sidebar" role="complementary">
        <h2>A title</h2>
        <p>Some text</p>
    <aside>
</section>
Run Code Online (Sandbox Code Playgroud)

我不确定的是,我是否应该在容器<aside>外面放置元素.那有关系吗?<section>role="main"

html html5 accessibility wai-aria

18
推荐指数
2
解决办法
1万
查看次数

如何创建"显示更多"按钮并指定最初显示的文本行数

我正在寻找一种方法来在我的响应式网站上创建一个幻灯片"显示更多"功能,该功能会在两个段落之后切断.

我之前使用静态网站实现了这一点,通过对容器应用设置高度并使用overflow: hidden,然后设置容器高度的动画.

但是响应时,容器会以不同的浏览器宽度压缩文本,因此文本可能占用更多/更少的空间.每次推送时,段落上方也可能有不同的内容.因此,设置height可能不会完全覆盖两行.

如果你需要演示,请查看这个jsFiddle:http://jsfiddle.net/XVAzU/.

所以我需要在段落的两行之后切断,无论容器的宽度是多少,或者在该段落之前或之后.

谢谢你的期待!

javascript css jquery html5

13
推荐指数
2
解决办法
8万
查看次数

Javascript检测选择的浏览器AutoComplete值

我有一个带有onkeyup事件的文本字段.但是当我选择浏览器autoComplete值时,不会触发此事件.我添加了一个onclick事件,但它不起作用.

我已经测试了stackoverflow上发布的许多解决方案,用于捕获浏览autocoComplete选项,但没有解决此问题.

试试这个简单的例子来看问题(在Firefox 3.6,Chrome 10.0和IE8上重现):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Test</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
    <script type="text/javascript">
    //<![CDATA[
        function onkeyupInput(){
            $('#divResult').text($('#myInput').val());
        }
    //]]>
    </script>
</head>
<body>
    <form name="myForm" action="#">
        Tape a value and send it. Then select this value with your browser AutoComplete value :<br />
        <input id="myInput" name="myInput" type="text" onkeyup="onkeyupInput();" onclick="onkeyupInput();" value="" />
        <input type="submit" />
    </form>
    Result of onkeypress and onclick :
    <div id="divResult"></div>
    <br />
    <b>The issue : Result of onkeypress …
Run Code Online (Sandbox Code Playgroud)

javascript autocomplete input onchange

9
推荐指数
1
解决办法
6256
查看次数

如何将字符串连接到Django中模板标记内的数字

在StackOverflow上发现了类似的问题,但解决方案对我来说似乎不起作用,除非我做错了.我有一个ID号,我想将其附加到模板标签中的字符串中.这是我的尝试:

{% with "image-"|add:vid.the_id as image_id %}
     {# custom template tag to generate image #}
    {% image vid.teaser_thumbnail alt=vid.title id=image_id %}
{% endwith %}
Run Code Online (Sandbox Code Playgroud)

但是image_id出来是空的.

我在这做错了什么?

我想要的输出image_id将是"image-8989723123".

django django-templates

8
推荐指数
1
解决办法
8428
查看次数

我应该使用Bootstrap吗?

我即将开始一个非常大的前端构建项目,可能会为许多站点重用相同的网格.我团队中的后端开发人员对Bootstrap以及我们应该如何使用它感到愤怒和狂热.

我已经开始使用它并且它非常好,但我们的网格变得比Bootstrap更复杂.所以我已经深入研究了LESS文件并添加了一些自己的规则并修改了响应式网格.我也可能需要在那里更改和添加媒体查询.

所以我的问题是,考虑到我必须更改和自定义Bootstrap,最好这样做或从头开始创建我的网格/框架?

html css twitter-bootstrap

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

CSS:在任何IE版本中,伪元素在按钮内部不起作用

我无法在任何IE版本中使用此代码.我做错了什么或IE浏览器像往常一样?

HTML:

<button>A button</button>
Run Code Online (Sandbox Code Playgroud)

CSS

button {
    position: relative;
}

button:after {
    content: "Can u see me?";
    position: absolute;
    right: -100px;
    top: 0;
}
Run Code Online (Sandbox Code Playgroud)

演示:http://jsfiddle.net/96ryusnp/

css internet-explorer

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

为什么来自我的循环的警报总是返回最后一个值,而不是每个迭代值?

我有一些按钮,存储在一个数组中.然后我循环遍历该数组,为每个按钮添加一个click事件.每次单击都会提醒值i.我希望值是1,2,3等等,但他们总是回来作为一个值,在情况3.

你能解释为什么会发生这种情况以及如何解决它吗?

请看这个jsFiddle.代码如下:

var theButtons = ['.button.one', '.button.two', '.button.three'];

for (i=0; i<theButtons.length; i++) {
    $(theButtons[i]).click(function () {
        alert(i); // always returns 3
    });
}
Run Code Online (Sandbox Code Playgroud)

请尽可能简单明了地解释它 - 我有点像Javascript和编程的初学者.

javascript arrays variables jquery

6
推荐指数
1
解决办法
3962
查看次数

问题理解警告:在/ usr/local/include中找到了未提取的头文件

运行后brew doctor,我得到与我不确定的头文件相关的错误.我不知道是什么greenlet,所以我很担心按照这篇文章的建议删除它.

Warning: Unbrewed header files were found in /usr/local/include.
If you didn't put them there on purpose they could cause problems when
building Homebrew formulae, and may need to be deleted.

Unexpected header files:
    /usr/local/include/python2.7/greenlet/greenlet.h
Run Code Online (Sandbox Code Playgroud)

请回答以下问题:

1.错误Unbrewed header files究竟意味着什么?

2.我应该删除错误中列出的文件吗?

python homebrew python-2.7 greenlets

6
推荐指数
2
解决办法
5591
查看次数

将rebase合并到develop分支后重复提交

我最近拆除了另一个开发人员正在处理的远程分支,让我们称之为feature.然后我犯了一个错误,就是做了一个反思develop- 主要的工作分支 - 我现在已经知道这是你不应该做的事情.该feature分支已合并为develop.

我现在develop遇到的问题是有一个奇怪的Git历史.所有提交feature似乎都是重复的,它们出现了两次.但是,它们具有不同的提交ID.

我的历史现在看起来有点像这样(ID用于演示目的):

0007 commit from feature #3  <--- these commits are duplicated
0006 commit from feature #2
0005 commit from feature #1
0004 different commit from another branch #2
0004 different commit from another branch #1
0002 commit from feature #3
0002 commit from feature #2
0001 commit from feature #1
Run Code Online (Sandbox Code Playgroud)

我犯了一个愚蠢的错误!我能做些什么吗?历史看起来很难看,但所有正确的代码似乎都存在.我可以删除重复的提交吗?或者还有其他方法来清理历史吗?

请为经验较少的Git用户写下你的答案.

git merge github rebase

6
推荐指数
1
解决办法
3775
查看次数

Angular JS:URL 参数出现在 `#!/` 之前并且没有出现在 $location.search() 中

我正在将其他人制作的一个现有的小型 Angular JS 应用程序集成到一个不是用 Angular 构建的现有网站中。

所有 Angular JS 应用程序文件都保存在一个完全独立的目录中,然后用户可以单击链接将它们带到该子目录的索引。例如:

<a href="/path/to/angular-app/?returnUrl=/original/location">Login.</a>
Run Code Online (Sandbox Code Playgroud)

正如您在上面看到的,我需要传递一个名为returnUrl. 然后我需要在 Angular JS 应用程序中获取这个值,使用:

<a href="/path/to/angular-app/?returnUrl=/original/location">Login.</a>
Run Code Online (Sandbox Code Playgroud)

然而,这实际上返回一个空对象。我认为这是因为 Angular JS在 URL 参数之后附加#!/login在URL 上,如下所示:

example.com/path/to/app?returnUrl=/original/location/#!/login
Run Code Online (Sandbox Code Playgroud)

如果我在浏览器中修改 URL,将returnUrl参数移动到 URL 的末尾并刷新页面,它会工作并$location.search()返回{returnUrl: "/original/location/"}. 但是,据我所知,我无法在我的网站上更改此参数,因为该参数是指向 Angular JS 应用程序的链接的一部分,#!/login随后会自动添加。

我是新的 AngularJS,所以请尽可能清楚地解释:

  1. 这里发生了什么?为什么是URL参数之前#!/login
  2. 为什么这会阻止$location.search()返回任何东西?如果我将参数移动到结果 URL 的末尾,它就可以工作。
  3. 我能做些什么来解决这个问题?

javascript angularjs angular-routing

6
推荐指数
1
解决办法
1842
查看次数