小编Jor*_*dan的帖子

如何设置元素的高度以匹配另一个元素的高度?

我目前有两列,其中有另一列.我想要的是让左右列在高度上延伸,因为中间列添加了更多内容.

需要注意的是,我无法为父div设置精确的高度,然后将左右列设置为"height:100%".这是因为中心列中可能只有少量内容,或者很多内容.

html css height

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

使按钮自动在屏幕上移动

我正在开发一款Android应用程序,屏幕上有大约6个按钮(按下时播放相应的视频).这是应用程序外观的模型:

Android应用

我希望按钮能够自动(和随机)在屏幕上移动.他们应该独立完成这一点,这意味着他们可以在其他按钮前面(或后面) - 他们不需要互相撞击或类似的东西.理想情况下,如果按钮实际上可以稍微移出画布(如上图所示,按钮按钮位于操作栏后面),那将是很好的,但这不是必需的.

我怎样才能让这些按钮像这样移动?

android

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

div 第一个标题的 CSS 选择器

我有以下 HTML 结构:

<div class="content">
    <img src="#">
    <!-- Text content here -->
</div>
Run Code Online (Sandbox Code Playgroud)

这构成了我制作的网站内容页面的基础,该网站使用 CMS 来管理内容,能够选择图像,然后使用所见即所得编辑器来编辑文本内容。CMS 输出的页面 HTML 示例如下:

<div class="content">
    <img src="#">
    <h1>Lorem</h1>
    <p>Lorem ipsum dolor</p>
</div>
Run Code Online (Sandbox Code Playgroud)

是否有 CSS 选择器可以选择上面 HTML 示例中的 h1?如果文本内容部分以标题开头,我希望能够删除标题的上边距,但我无法使用类来执行此操作(因为文本内容是 CMS 通过 WYSIWYG 编辑器输出的)。

css css-selectors

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

输入时提交jQuery/AJAX登录表单

我有一个相当简单的登录表单,使用jQuery AJAX请求提交.目前,提交它的唯一方法是按"登录"按钮,但我希​​望能够在用户按"Enter"时提交表单.

我只使用jQuery AJAX请求完成表单提交,但我不确定我需要做什么修改才能在用户按下"Enter"时提交表单.

HTML:

<form>

    <label for="username">Username</label>
    <input type="text" id="username" placeholder="Username" />

    <label for="password">Password</label>
    <input type="text" id="password" placeholder="Password" />

</form>

<button id="login">Login</button>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

$(document).ready(function() {

    $('#login').click(function() {

        $.ajax({
            type: "POST",
            url: 'admin/login.php',
            data: {
                username: $("#username").val(),
                password: $("#password").val()
            },
            success: function(data)
            {
                if (data === 'Correct') {
                    window.location.replace('admin/admin.php');
                }
                else {
                    alert(data);
                }
            }
        });

    });

});
Run Code Online (Sandbox Code Playgroud)

来自login.php的摘录:

$stmt = $pdo->prepare("SELECT * FROM users WHERE username = :username AND password = :password");
$stmt->execute(array(
    ':username' => $user,
    ':password' => $pass …
Run Code Online (Sandbox Code Playgroud)

javascript php ajax jquery

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

CSS下拉菜单 - 让孩子至少达到父母的宽度

我有一个三层CSS下拉菜单,工作正常,但我目前正在为第二和第三层列表项指定实际宽度.我一直在摆弄几个小时试图让它看起来像我想要的方式,但没有成功.

我想要的是第二层中的项目的最小宽度等于其父级的宽度,并且如果项目的内容长于其父级的内容,则延伸超过该宽度.

我也想在第三层的项目有没有最小宽度,而是有一个宽度是最长的列表项的该特定嵌套无序列表的内容只是宽度.

我目前的HTML和CSS在这里:http://jsfiddle.net/kBVYD/1/

如果你更愿意看到代码,这里是HTML:

<div id="menu1">
    <ul class="menu">
        <li><a class="haschild" title="" href="">Home</a>
            <ul class="sub-menu">
                <li><a class="haschild" title="" href="">Sub Link 1</a>
                    <ul>
                        <li><a title="" href="">Sub Sub Link 1</a></li>
                        <li><a title="" href="">Sub Sub Link 2</a></li>
                        <li><a title="" href="">Sub Sub Link 3</a></li>
                    </ul>
                </li>
                <li><a title="" href="">Sub Link 2</a></li>
                <li><a class="haschild" title="" href="">Sub Link 3</a>
                    <ul>
                        <li><a title="" href="">Sub Sub Link 1</a></li>
                        <li><a title="" href="">Sub Sub Link 2</a></li>
                        <li><a title="" href="">Sub Sub Link 3</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a …
Run Code Online (Sandbox Code Playgroud)

css drop-down-menu

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

从应用程序获取桌面通知

我创建了一个NodeJS应用程序,它定期擦除和解析网页的内容,检查自上次解析以来网页上的某些内容是否已更新.应用程序在后台本地运行.

我需要应用程序能够在更新这些内容时为我提供某种通知.有没有办法让应用程序在Windows托盘区域显示工具提示,或者向我提供任何其他类型的通知?

我唯一能找到的是node-notify(https://github.com/olalonde/node-notify),但这似乎是针对Ubuntu的.作为最后的手段,我可​​以让应用程序运行本地Web服务器并根据已删除的网页上的任何内容更新页面内容,然后完全使用其他内容(例如AutoHotkey脚本)来检查页面在本地Web服务器上查看是否有任何更改,并使用它来显示工具提示.显然,如果应用程序本身可以通过某种方式通知我,那将会容易得多.

node.js

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

使用Handlebars #each helper,JSON中没有键

我使用PHP文件从数据库中提取数据并将其作为JSON返回.然后我想使用JSON数据作为Handlebars模板的上下文.我的问题是我似乎无法使用Handlebars的"{{#each}}"帮助程序来处理PHP文件返回的JSON.

以下是返回的JSON示例:

[
    {
        "id": "3",
        "type": "Abseiling",
        "title": "Abseiling Adventure",
        "location": "Glenrock State Conservation Area",
        "date": "2012-12-18 00:00:00",
        "length": "2 hours",
        "price": "50"
    },
    {
        "id": "1",
        "type": "Abseiling",
        "title": null,
        "location": "Glenrock State Conservation Area",
        "date": "2013-02-10 00:00:00",
        "length": "3 hours",
        "price": "70"
    }
]
Run Code Online (Sandbox Code Playgroud)

这是我的Handlebars模板:

{{#each}}
<p>{{location}}</p>
{{/each}}
Run Code Online (Sandbox Code Playgroud)

我也尝试过:

{{#each}}
<p>{{this.location}}</p>
{{/each}}
Run Code Online (Sandbox Code Playgroud)

我怀疑为什么这不起作用是#each助手不能像我正在尝试那样运行,而是必须像这样调用:{{#each something}}.如果是这种情况,是否有任何简单的方法可以将密钥添加到JSON数据中,以便它采用以下形式:

something: [
    {
        ...
    },
    {
        ...
    }
]
Run Code Online (Sandbox Code Playgroud)

如果我的怀疑是错误的,我怎样才能将#each helper与我目前提供的JSON一起用作模板上下文?

更新:找到解决此问题的方法,我只需要更改模板调用

jQuery(".events").html(Handlebars.templates['Events'](data));
Run Code Online (Sandbox Code Playgroud)

jQuery(".events").html(Handlebars.templates['Events']({events: data}));
Run Code Online (Sandbox Code Playgroud)

这意味着我可以使用{{#each events}}.

json handlebars.js

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