0

誰でもこのプラグインの使用を手伝ってもらえますか? 私はドキュメンテーションを調べましたが、コードは私の知る限り最高のものです。誰が何が悪いのか教えてもらえますか。

<!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>
4

2 に答える 2

1

置き換えてみてください：

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>
于 2012-11-24T14:19:26.690 に答える
0

このようにしてみて、

<!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>

  <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>

<script type="text/javascript">
$(document).ready(function(){
  $('#myform').idealforms();
});
</script>

</body>
</html>

これもチェックして ください http://code.google.com/p/idealforms/wiki/MiniHowTo

于 2012-11-24T14:23:15.027 に答える