将jQuery与HTML分离

Question

我有一个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之后引用你的脚本!

同时删除脚本标记.

Answer 1

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

Answer 2

这应该工作:

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

如果不适合你:

• 双重检查文件路径
• 检查jQuery是之前加载settings.js
• 检查您是否在settings.js中没有留下任何脚本标记

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