这是我从http://jqueryui.com/demos/draggable/获取的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Draggable - Default functionality</title>
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
<script src="../../jquery-1.6.2.js"></script>
<script src="../../ui/jquery.ui.core.js"></script>
<script src="../../ui/jquery.ui.widget.js"></script>
<script src="../../ui/jquery.ui.mouse.js"></script>
<script src="../../ui/jquery.ui.draggable.js"></script>
<link rel="stylesheet" href="../demos.css">
<style>
.draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>
<script>
$(function() {
$( ".draggable" ).draggable();
$('.content').click(function(){
var htmlData='<div class="draggable ui-widget-content ui-draggable"><p>Drag me around</p></div>';
$('.demo').append(htmlData);
});
});
</script>
</head>
<body>
<div class="demo">
<div class="draggable ui-widget-content">
<p>Drag me around</p>
</div>
<div class="content">Test </div>
</div><!-- End demo -->
</body> …我有这个用于接受钱的文本框的自定义验证:
//custom validator for money fields
$.validator.addMethod("money", function (value, element) {
return this.optional(element) || value.match(/^\$?\d+(\.(\d{2}))?$/);
}, "Please provide a valid dollar amount (up to 2 decimal places) and do not include a dollar sign.");
它似乎有效,但我不希望允许美元符号.我是否将其更改为:
//custom validator for money fields
$.validator.addMethod("money", function (value, element) {
return this.optional(element) || value.match(/^\?\d+(\.(\d{2}))?/);
}, "Please provide a valid dollar amount (up to 2 decimal places) and do not include a dollar sign.");
或者我应该在其他地方剥离美元符号而不是打扰用户这么小的问题？如果这是真的,我应该在哪里做？
感谢您回答这样一个n00b问题.
我一直试图对此进行一些搜索,我有一些微弱的回忆,我在flash或silverlight中看过p2p的演示文稿,如果有任何好的方法可以从javascript中使用它,我就会徘徊.
我想将服务器作为客户端的连接器而不是数据的代理.你可以指出任何类似这样的libs或网站.谷歌并没有给我太多帮助.
我不需要一个简单的解决方案,只需从一个地方开始.
我正在开发一个网站,要求div的背景图像在链接悬停时更改.
它的工作方式是:
<a href="index.php" title="Home ">
<li id="current">
Home<br \>
<span class="nav_desc">Text text</span>
</li>
</a>
<a href="about.php" title="About" id="about-link"
onmouseover="hover('about');"
onmouseout="hoverClear();">
<li id="about">
About<br \>
<span class="nav_desc">About me</span>
</li>
</a>
<a href="more.php" title="More"
onmouseover="hover('portfolio');"
onmouseout="hoverClear();">
<li id="more">
More<br \>
<span class="nav_desc">More More More
</span>
</li>
</a>
JS:
function hoverClear(){
$('.navReflect').css("background-image", "url(images/"+page+"/reflect.png)");
}
function hover(hover){
$('.navReflect').css("background-image", "url(images/"+page+"/reflect-"+hover+".png)");
}
因此,当链接悬停时,它会执行更改div背景图像的功能.但问题是当页面首次加载并且链接首次悬停时图像加载缓慢.
但是一旦它们加载就可以无缝地工作.我希望这是一个需要加载的问题.那么有没有一种方法可以预先加载图像,并仍然使用相同的方法悬停.