小编art*_*mem的帖子

我可以根据窗口大小执行javascript吗?

我有一个响应式网站,我正在使用JavaScript来创建一个粘性侧边栏.

当浏览器大小小于768px时,我还使用媒体查询从多列布局更改为单列布局.

我需要弄清楚如何在单列布局中禁用粘性菜单脚本.从本质上讲,我需要像脚本语句的媒体查询.

这是我用来启用脚本的代码:

<script>
jQuery('#info').containedStickyScroll({
        duration: 0,
        unstick: false
    });
</script>
Run Code Online (Sandbox Code Playgroud)

有什么东西我可以添加到它只有触发,如果窗口是768px宽或更宽?

编辑:我正在寻找一个解决方案,如果用户动态调整窗口大小,将起作用.

javascript jquery responsive-design

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

将选中的项目放在列表顶部

我正在尝试创建一个清单,将选中的项目排序到列表的顶部,当一个项目未选中时,它将移动到选中的项目下方。除了选中/未选中排序之外,项目应保持其原始顺序,无论它们以何种顺序签入。

换句话说,五个项目清单应始终是这样的:
*两个
*三
一个
4
5

不是这个:
*三
*两个
一个
4
5

我已经看到了如何将单击的项目移动到列表中特定位置的示例,但没有考虑到列表中其他项目的状态。

理想情况下,我还想为过渡设置动画。另外,有没有办法记住多个页面的选中状态?

这是我开始的 HTML:

<form>
<ul>
<li><label for="one"><input type="checkbox" id="one" />One</label></li>
<li><label for="two"><input type="checkbox" id="two" />Two</label></li>
<li><label for="three"><input type="checkbox" id="three" />Three</label></li>
<li><label for="four"><input type="checkbox" id="four" />Four</label></li>
<li><label for="five"><input type="checkbox" id="five" />Five</label></li>
</ul>
</form>
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

正则表达式匹配特定的HTML字符串,其中包含任意数量的空格

我有这样的几行代码

<p> &lt;inset&gt;</p>
Run Code Online (Sandbox Code Playgroud)

<p>如果字符串,在开始标记和其余部分之间可能有任意数量的空格或制表符(或没有).我需要更换这些,但我不能让它工作.

我以为这会做到,但它不起作用:

<p>[ \t]+&lt;inset&gt;</p>
Run Code Online (Sandbox Code Playgroud)

php regex

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

使用表单输入来使用php构建url.

我正在尝试创建一个用户可以输入其id(用户名)的表单,它将作为变量附加到我的php脚本中使用的url中.这就是我所拥有的.

<?php
if(isset($_POST['submit']))
{
    $id = $_POST['id'];
    echo 'http://example.com/default.asp?action=data&id=$id';
}
?>
<form method="post" action="<? echo $_SERVER['PHP_SELF']; ?>">
   <input type="text" name="id"><br>
   <input type="submit" name="submit" value="Submit Form"><br>
</form> 
Run Code Online (Sandbox Code Playgroud)

它正确地收集用户的id,如果我只是回显$ id,它会输出正确的值,但是当我尝试回显url时,它只输出$ id而不是$ id变量的实际值.我究竟做错了什么?

php forms

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

标签 统计

javascript ×2

jquery ×2

php ×2

forms ×1

regex ×1

responsive-design ×1