任何人都可以帮助我使用这个插件吗?我已经阅读了文档,并且代码是我所知道的最好的。谁能告诉我哪里出了问题。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 8]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>Test Ideal Form</title>
<link media="screen" type="text/css" rel="stylesheet" href="css/jquery.idealforms.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery/jquery.idealforms.min.js"></script>
</head>
<body>
<script>
var $myform = $('#my-form').idealforms(options).data('idealforms');
</script>
<h1>My Test Form</h1>
<form id="my-form">
<div><label>Username:</label><input type="text" name="username" data-ideal="required username"/></div>
<div><label>Password:</label><input type="text" name="password" data-ideal="required password"/></div>
<div><label>E-Mail:</label><input type="text" name="email" data-ideal="required email"/></div>
</form>
</body>
</html>
最佳答案
尝试替换:
var $myform = $('#my-form').idealforms(options).data('idealforms');
与:
$(document).ready(function(){
$('#my-form').idealforms(options).data('idealforms');
});
让我们知道!另外,移动 <script>
<head>
内的标签.
或另一种选择:
移动<script>
</body>
之前的标签:
....
<script>
var $myform = $('#my-form').idealforms(options).data('idealforms');
</script>
</body>
关于jquery 理想形式不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13542041/