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

来自外部文件的jquery

4 个答案: