小编Sup*_*ser的帖子

jQuery从下拉列表中获取选定的选项

通常我$("#id").val()用来返回所选选项的值,但这次它不起作用.所选标签具有IDaioConceptName

HTML代码

<label>Name</label>
<input type="text" name="name" />
<select id="aioConceptName">
    <option>choose io</option>
    <option>roma</option>
    <option>totti</option>
</select>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

1067
推荐指数
20
解决办法
137万
查看次数

检测所有浏览器中是否已打开console/devtools

我正在尝试创建一个在打开或关闭任何浏览器控制台时运行的脚本.有没有办法检测所有浏览器(Firefox/IE/Chrome/Safari/Opera)中的浏览器控制台是否通过JavaScript,jQuery或任何其他客户端脚本打开?

javascript browser jquery cross-browser

8
推荐指数
3
解决办法
8354
查看次数

如何在同一个班级中应用'ul','li'和'a'的风格?

我是新来的前端开发..我想申请样式<ul><li>,也为<a>在同一类..这可能吗?

这是我的代码

<html>
<head>
<title></title>
<style type="text/css"> 
.menu ul, li, a {
    text-decoration: none;
    list-style-type: none;
    padding: 10px;
    margin-left: 10px;
    border: 2px solid green;
}
</style>
</head>
<body>
    <div class="menu">
    <ul>
        <li>
            <a href="#">Home</a>
            <a href="#">Services</a>
            <a href="#">Customers</a>
            <a href="#">Locations</a>
            <a href="#">Fare</a>
            <a href="#">Contact Us</a>
        </li>
    </ul>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

html css class html-lists

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

如何在CSS中的输入焦点上显示div?

我有一个输入和一个 div,其高度和宽度等于输入的边框底部。我只想显示首先隐藏的div。

.cool{
  font-size: 30px;
  margin: auto;
  outline: none;
  padding-bottom: 0.2em;
  border-width: 0px 0px 2px 0px;
  border-bottom-color: black;
}
div.bar{
  width: 365.3px;
  height: 2px;
  background-color: #42c0fb;
  position: relative;
  top: -2px;
  display: none;
}
input:focus .bar{
  display: block
}
Run Code Online (Sandbox Code Playgroud)
<div style = "margin: auto;">
  <input class = "cool" type = "text" />
  <div class = "bar"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

请帮忙。上面的代码不起作用。

html css

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

隐藏图像的响应?

我是bootstrap编码的新手,CSS我陷入了一个问题,在桌面版本中我需要一个图像,但是当涉及到移动版本时,我需要显示第二个图像,第一个图像应该隐藏.

<div class="col-md-9" style="padding: 0px;">
    <img src="images/Trinity-Garden-landing-Page-1.jpg" width="1350px" />
    <img src="images/Trinity-Garden-landing-Page-4.jpg" width="1350px" />
</div>
Run Code Online (Sandbox Code Playgroud)

需要帮助.

css twitter-bootstrap

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

在jQuery验证成功后,使用ajax提交表单

好的,我有一个表单,我正在验证jQuery验证,我现在尝试使用AJAX提交它.使用下面的代码,一旦表单有效并且您单击提交页面重新加载并且输入被放置在URL地址栏中(即method ="get")

在ajax方法中,我设置为POST但它似乎没有使用ajax调用.

我做错了什么?

$().ready(function() {
    var $form = $(this);
   //validate the inquiry form on keyup and submit
    $("#inquiryForm").validate({
        showErrors: function(errorMap, errorList) {
            for (var error in errorMap)  {
                $.growl.error({ message: errorMap[error] });
             }
        },
        onkeyup: false,
        rules: {
            fullName: {
                required: true
            },
            email: {
                required: true,
                email: true
            },
            inquiry: {
                required: true,
                minlength: 5,
                maxlength: 500
            }
        },
        messages: {
            fullName: "Your name is required",
            email: "A valid email address is required",
            inquiry: "Your inquiry …
Run Code Online (Sandbox Code Playgroud)

javascript forms ajax jquery jquery-validate

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

背景附件:修复在 iOS 上不起作用

我正在尝试找到解决我在 iOS 设备上使用固定背景的问题的方法。我宁愿不必为这个网站重新设计所有东西,我希望一些 CSS 更改可以解决它。就是网站在 iPhone 上的样子,也是它应该有的样子。我使用的 CSS 代码如下:

.container {
    min-width: 320px;
    max-width: 480px;
    margin: 0 auto;
}

.fixed-background {
    height: 800px;
    -webkit-backgound-size: cover;
    -o-backgound-size: cover;
    -moz-backgound-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    overflow: auto;
}
Run Code Online (Sandbox Code Playgroud)

我还尝试使用@media查询来修复它,使用 stackoverflow 上的一些帖子,但这似乎没有任何效果:

@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
    .fixed-background {
        background-attachment: scroll;
    }
} 
Run Code Online (Sandbox Code Playgroud)

HTML

<div class="fixed-background bg-1">
    <div class="container">
        <div class="title">
            <h1>ROOK PROPERTY<br>MANAGEMENT INC.</h1>
            <h2>CONDOMINIUM MANAGEMENT</h2>
        </div>
    </div> …
Run Code Online (Sandbox Code Playgroud)

html css iphone ios background-attachment

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

更改特定时间的范围标记

代码:

<div>
 <p> Day is <span>beautiful</span></p>
</div>
Run Code Online (Sandbox Code Playgroud)

现在我想每5秒更改一次span标记

例如

5秒后的 一天是美丽的一天是好的, 然后 5秒后的一天很棒然后再一天很美

仅表示跨度标签每5秒更改一次

我不知道该怎么做

html javascript css php css3

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