不能在textarea中添加“行号”行

时间:2016-06-01 23:47:06

标签: html textarea

我尝试使用此示例向textarea添加一行行号: http://alan.blog-city.com/jquerylinedtextarea.htm

这是我的代码,我已经在我的项目中使用了css和js:

<!DOCTYPE html>
<html>
    <head>
        <title>CODE</title>
        <link href="jquery-linedtextarea.css" rel="stylesheet">
        <script src="jquery-linedtextarea.js"></script>
    </head>
    <body>
        <textarea class="lined" name="mytext"></textarea>
        <script>
            $(function () {
                $(".lined").linedtextarea(
                    { selectedLine: 1 }
                );
                $("mytext").linedtextarea();
            });
        </script>
    </body>
</html>

我错了什么?

1 个答案:

答案 0 :(得分:0)

好像你忘了打电话给Jquery图书馆......

只需在<head>上添加以下代码:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script>

我相信你应该删除那部分:

$("mytext").linedtextarea();

我已经制作了一个代码。这个对我有用。看看......

<html>
<head>
	<title>JQuery LinedTextArea Demo</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	<script src="http://files.aw20.net/jquery-linedtextarea/jquery-linedtextarea.js"></script>
	<link href="http://files.aw20.net/jquery-linedtextarea/jquery-linedtextarea.css" type="text/css" rel="stylesheet" />
</head>
<body>

<h1>JQuery LinedTextArea Demo</h1>

<p>Add a scrollable lined area to a standard TextArea control.</p>

<textarea class="lined" rows="10" cols="60">
JavaScript was originally developed by Brendan 
Eich of Netscape under the name Mocha, 
which was later renamed to LiveScript, 
and finally to JavaScript. 

The change of name from LiveScript to JavaScript roughly 
coincided with Netscape adding support for 
Java technology in its Netscape Navigator 
web browser.    

</textarea>

<script>
$(function() {
	$(".lined").linedtextarea(
		{selectedLine: 1}
	);
});
</script>


</body>
</html>