小编mag*_*lez的帖子

jQuery验证无法在IE7 + IE8中运行

我正在尝试在我的网站上的表单上使用jQuery Validation插件.该表单适用于FF,Chrome,Opera和Safari.它还没有在IE7或IE8中工作.

下面是我的代码的简化版本,似乎适用于每个浏览器,但IE.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<title>Form</title>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
       var validator = $("form").validate ({
       rules: {
                first_name: "required"
              },
       messages: {
                first_name: "Enter your firstname"
                 }
       });
    });
</script>

</head>

<body>

<form method="post">
    <label for="first_name" class="hide">First Name</label> 
    <input type="text" name="first_name" value="" id="first_name" class="required" />
    <button type="submit" id="submit" name="submit">Submit</button>
</form>

</body>

</html>
Run Code Online (Sandbox Code Playgroud)

编辑:我们现在知道使用jquery最新,我使用jQuery v1.6,是问题.我改回到v1.5.2并改变了

var validator = $("form").validate ({
Run Code Online (Sandbox Code Playgroud)

至:

$("form").validate ({
Run Code Online (Sandbox Code Playgroud)

现在一切都在IE中运行.谢谢.

jquery internet-explorer jquery-validate internet-explorer-8 internet-explorer-7

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

在IE中点击期间阻止<button>移动

如果页面中有一个简单元素并在IE8/9中单击它(在单击期间按住鼠标以查看效果),则按钮会向下移动一点向右移动.

我假设这是默认IE样式的一部分.反正有没有阻止这种行为?

http://jsfiddle.net/tmcconechy/hqm59/

html css internet-explorer

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

没有输入的jQuery datepicker

我有一个相当复杂的网络应用程序,我想添加一些日期选择UI.

我遇到的问题是我无法从文档中找出如何真正控制datepicker出现的方式和时间.没有涉及表单元素(并且不,我不会添加秘密表单字段),因此简单的开箱即用方法根本不起作用.

我希望有人可以提供一个模式的指导,允许我以编程方式调用datepicker.我相信我知道如何使用datepicker的自定义事件来初始化和定位它,并在用户解除它时恢复所选的值.我只是很难实例化一个datepicker,因为我没有将它与一个元素配对.

不起作用的:

function doThing(sCurrent, event) { // sCurrent is the current value; event is an event I'm using for positioning information only
    var bIsDate = !isNaN( (new Date(sCurrent)).getTime() );

    jQuery.datepicker('dialog',
        (bIsDate ? new Date(sOriginal) : new Date()), // date
        function() { console.log('user picked a date'); }, // onSelect
        null, // settings (i haz none)
        event // position
    );

}
Run Code Online (Sandbox Code Playgroud)

原因是"jQuery.datepicker"不是一个函数.(我做错了.)

我没有与'对话'方法结合 - 这是我最好的猜测是在不引用表单元素的情况下调用它.

我正在使用jQuery 1.4.3和jQueryUI 1.8.6

javascript jquery jquery-ui datepicker

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

Bootstrap Carousel:指示器不骑车

我正在尝试从Bootstrap实现轮播.

一切都工作得很好,除了旋转木马指示器('.carousel-indicators')没有通过幻灯片循环.

这是一个完全剥离的页面:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, width=device-width">
<meta name="description" content="">
<title>Test Home Page</title>
<link href="http://s3.amazonaws.com/stockpr-test-store/esph2/files/css/bootstrap.min.css" rel="stylesheet" media="screen">
<style>
    li.active {
        color:red;
    }
</style>
</head>
<body>
    <div class="container">
    <h1>Test</h1>
        <div id="myCarousel" class="carousel slide">
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>
            <!-- Carousel items -->
            <div class="carousel-inner">
                <div class="active item"><img src="http://dummyimage.com/960x500/fff/000" alt="Slide 1"></div>
                <div class="item"><img src="http://dummyimage.com/960x500/fff/000" alt="Slide 2"></div>
                <div class="item"><img src="http://dummyimage.com/960x500/fff/000" alt="Slide 3"></div>
            </div>
            <!-- Carousel nav -->
            <a …
Run Code Online (Sandbox Code Playgroud)

javascript carousel twitter-bootstrap

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

如何将 Google 字体转换为 png 或 gif?

我一直在使用 Google 字体作为我的网络应用程序的徽标。但看起来效果并没有我想象的那么好。但我仍然喜欢我一直在使用的字体。所以我想将其转换为 png 或 gif 并使用图像作为徽标。

做这样的事情最简单的方法是什么?

fonts typography google-font-api

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

将KML导入Google地图后,点将显示在Antartica中

我想弄清楚我做错了什么.

这是我的KML的一个非常简单的版本:

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
<Placemark>
<name>SUNSHINE CHEVRON</name>
<description>HIALEAH</description>
<Point>
    <coordinates>25.872066,-80.282852,0</coordinates>
</Point>
</Placemark>
</kml>
Run Code Online (Sandbox Code Playgroud)

当我尝试创建地图并导入此点时,它会显示在Antartica中.

有什么想法吗?我使用http://kmlvalidator.com/验证了该文件,它返回时没有错误.

你能告诉我我做错了什么吗?

xml google-maps kml

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

考虑到 Web 标准和语义,在编写事件列表时,我应该使用有序列表还是无序列表?

如果我有给定月份发生的事件列表,例如:

十月活动:

10 月 8 日 - 社区舞会 10 月 9 日 - 卡拉 OK 之夜 10 月 10 日 - 聚餐

最好的编码方法是什么——使用 UL、OL 还是其他?

无序列表

<h3>October Events</h3>

<ul>
   <li>Oct. 8 - Community Dance</li>
   <li>Oct. 9 - Karaoke Night</li>
   <li>Oct. 10 - Potluck</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

有序列表

<h3>October Events</h3>

<ol>
   <li>Oct. 8 - Community Dance</li>
   <li>Oct. 9 - Karaoke Night</li>
   <li>Oct. 10 - Potluck</li>
</ol>
Run Code Online (Sandbox Code Playgroud)

如果我添加一个描述,你会改变看待它的方式吗?通过描述我可能会这样:

<h3>October Events</h3>

<article>
   <h4>Community Dance</h4>
   <p class="date">Oct. 8</p>
   <p>Description</p>
</article>

<article>
   <h4>Karaoke Night</h4>
   <p class="date">Oct. 9</p> …
Run Code Online (Sandbox Code Playgroud)

html web-standards semantic-markup

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