Question

当用户电子邮件无效时，我正在使用这个简单的功能来摇动表单：

function shakeForm() {
  var l = 10;  
  for( var i = 0; i < 10; i++ )   
    $("form").animate( { 'margin-left': "+=" + ( l = -l ) + 'px' }, 50);
}

您可以在此页面上看到正常工作（只是不要插入任何内容并按“注册私人测试版”按钮“）：http://www.saasmetrics.co/

问题是：同一个功能在第二页上无法正常工作（请查看页面末尾）：http://saasmetrics.co/monthly-recurring-revenue/

有什么想法吗？感谢。

Answer 1

您的第二个表格包含以下课程no-spacing，由于margin-left

，该课程将覆盖shakeForm函数中的!important

.no-spacing {
    padding: 0px !important;
    margin: 0px !important;
}

Answer 2

你在function-page.js中有两个shakeform函数，在这个页面http://saasmetrics.co/monthly-recurring-revenue/中有另一个函数，所以你有两个相同函数的声明可能这可能是问题。

JavaScript在页面上无法正常工作

2 个答案: