将jQuery与HTML分离

时间:2011-10-28 17:44:17

标签: javascript jquery ajax

我有一个PHP页面,其中包含各种表单,我一直在使用jQuery来提交/验证等。

问题是我的JavaScript变得非常长。有没有办法将它们分开?

jQuery就是这样的事情:

<script>
$(document).ready(function()
{  
   $("#form_email").live("submit", function(event)
   { 
      error = "0";
      $("#warning").hide();   
      if ($('#email_new').val() == "")
      {
          error = "1";
          $("#warning").html("Don't leave blank");
          $("#warning").slideDown('slow');           
      }

      if (error == "0")
      {
          $.post("php/settings_email.php",
          {
              email_new:$('#email_new').val(),
              email_password:$('#email_password').val()
          },
          function(data)
          {$("#email_alert").html("Email address changed");});
      }
    });
});        
</script>

我试过像这样引用它:

<script type="text/javascript" src="js/settings.js"></script>

我哪里错了?

解答:

确保在jQuery之后引用脚本!

同时删除脚本标记。

2 个答案:

答案 0 :(得分:5)

从.js文件中删除<script>标记。

答案 1 :(得分:5)

这应该有效:

<script type="text/javascript" src="js/settings.js"></script>

如果不适合您:

  • 仔细检查文件路径
  • 检查jquery是否在 settings.js
  • 之前加载
  • 检查您的 settings.js
  • 中是否有任何脚本标记

作为建议,首先尝试手动访问文件(将settings.js URL直接写入地址栏)。如果它不起作用,则会出现文件路径问题,或者您可能遇到文件权限问题(如果您使用的是Linux系统)。