2013-08-24 25 views
0

所以我試圖安裝jQuery TextEditor到我的CodeIgniter項目。我想知道爲什麼它不起作用。 BTW:我的項目也使用Bootstrap。有人可以告訴我爲什麼這個插件不起作用嗎?我已經將文件放在正確的位置,所以我不認爲這是因爲瀏覽器找不到我的文件。請幫忙。jQuery TextEditor不起作用?

頭:

<head> 
<meta charset="utf-8"> 
<title></title> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<link href="<?php echo base_url()?>css/bootstrap.min.css" rel="stylesheet" type="text/css"> 
<link href="<?php echo base_url()?>css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"> 
<link href="<?php echo base_url()?>css/custom-style.css" rel="stylesheet" type="text/css"> 

<link type="text/css" rel="stylesheet" href="<?php echo base_url()?>css/jquery-te-1.4.0.css"> 

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js" charset="utf-8"></script> 
<script type="text/javascript" src="<?php echo base_url()?>js/jquery-te-1.4.0.min.js" charset="utf-8"></script> 


<style> 
    .input-mysize{ 
     width:700px; 
    } 

    .textarea-mysize{ 
     width:700px; 
     height:300px; 
    } 
</style> 

</head> 

我多行文本:

<form method="post" action="#"> 
         <table border="0" width="100%"> 
          <tr align="center"> 
           <th><input class="input-mysize" type="text" name="c_title" cols="100"/></th> 
          </tr> 
          <tr align="center"> 
           <td><textarea name="textarea" class="jqte-test"></textarea></td> 
          </tr> 
          <tr> 
           <td align="center" colspan="2"> 
            <input type="submit" value="Update Content"/> 
            <input type="reset" value="reset"/> 
           </td> 
          </tr> 
         </table> 
        </form> 

TextArea中的類被稱爲 「Jqte測試」,因爲這是jQueryTE的演示頁面上什麼。我真的不明白他們是如何做到的,而我卻做不到。所有的答案將不勝感激。

回答

1

我看你不用jQuery插件初始化textarea .jQte-test

$(document).ready();你需要添加$(".jqte-test").jqte();

<script> 
$(document).ready(function(){ 
     $(".jqte-test").jqte(); 
    }); 
</script> 

看一看插件的文檔實現技巧

http://jqueryte.com/documentation