jQuery从外部文件

Question

很明显，我是Jquery的新手。 我在名为scrip.js的外部文件中有2个脚本，它包含在一个简单的文件中

<script src="/media/javascripts/scrips.js"></script>

scrips.js中的两个脚本是

function textCounter(field,cntfield,maxlimit) {
 if (field.value.length > maxlimit) // if too long...trim it!
 field.value = field.value.substring(0, maxlimit);
 // otherwise, update 'characters left' counter
 else
 cntfield.value = maxlimit - field.value.length;
 }

$(function() {
$("button").click(function(){
$("p").css("color","black");
  });
});

第一个脚本工作正常。 第二个没有。 第二个脚本的html看起来很简单：

<span><? echo $row->date, nbs(10), $row->author, nbs(20), anchor("http://twitter.com   /home?status=$twittermsg", 'ReTweet', $tweet), nbs(15), "<button>Black Font</button>"; ?></span> 

黑色字体按钮应该由外部文件中的第二个脚本选择，但是它不起作用。 还要对外部文件中的jquery脚本进行其他处理才能使其正常工作？ 我需要在html中做些什么才能使其正常工作？ （HTML是Codeigniter btw）

我在这里已经阅读了几个有关此问题，但它们看起来非常令人困惑

谢谢

Answer 1

在包含如下脚本之前，是否确定要包含jquery.js文件：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="/media/javascripts/scrips.js"></script>

Answer 2

在您给定的链接中，我在某处看不到它

$("button").click(function(){...})

并且您有两个jQuery链接脚本，一个在标题中，一个在底部。 只需做一个，删除最下面的一个。

Answer 3

有关JS错误，请参见错误控制台。 我在您的脚本中没有发现任何问题。 您可以使用单击按钮中的警报功能来调试脚本。 您可以使用button和p id / class以避免冲突。

Answer 4

在我看来，您缺少该功能的结尾括号...

我看到的最后一个花括号是if语句的结尾。 我相信您还需要另一个来结束该功能：

function textCounter(field,cntfield,maxlimit) {
   if (field.value.length > maxlimit) // if too long...trim it!
       field.value = field.value.substring(0, maxlimit);
       // otherwise, update 'characters left' counter
   else
       cntfield.value = maxlimit - field.value.length;
   }
}