0

我有 progress.js 文件，其中包含以下代码

            $('#text_area_input').keyup(function()
            {
                var text_area_box =$(this).val();//Get the values in the textarea
                var max_numb_of_words = 160;//Set the Maximum Number of characters
                var main = text_area_box.length*100;//Multiply the lenght on words x 100
                var value= (main / max_numb_of_words);//Divide it by the Max numb of words previously declared
                var count= max_numb_of_words - text_area_box.length;//Get Count of remaining characters
                if(text_area_box.length <= max_numb_of_words)
                {
                    $('#progressbar').css('background-color','#5fbbde');//Set the background of the progressbar to blue
                    $('#count').html(count);//Output the count variable previously calculated into the div with id= count
                    $('#progressbar').animate(//Increase the width of the css property 'width'
                    {
                        'width': value+'%'
                    }, 1);//Increase the
                }
                else
                {
                    $('#progressbar').css('background-color','yellow');
                    //If More words is typed into the textarea than the specified limit ,
                    //Change the progress bar from blue to yellow
                    var remove_excess_characters =text_area_box.substr(0,max_numb_of_words);
                    $('#text_area_input').val(remove_excess_characters);
                    //Remove the excess words using substring
                }
                return false;
            });
        });

我必须在我的 php 文件中调用该函数。我怎样才能使它正确？我在我的项目中包含了所有必要的 css

4

3 回答 3

0

您可以将您的 jquery 代码放在一个单独的文件中，然后使用 include 将其包含在您的其他页面中

http://php.net/manual/en/function.include.php

于 2012-04-11T07:35:32.827 回答
0

那么有一个很好的解决方案。而不是在文档中使用它 .ready 像这样工作

<input type = 'button' onkeyup = 'my_function();' id = 'text_area_input'>

你的脚本应该包含这个

 <script type = 'text/javascript'>
 function my_function(){
 // you code here
 }
 <script>

如果您在此文件中调用其他 php 文件，则此函数也可用于新的 php 文件。另一种解决方案是将代码复制到另一个 php 文件中

于 2012-04-11T07:42:49.317 回答
0

我有一个 header.php 文件，在 header.php 中我插入了一些和 head 标签，还包括 body 标签。但是在webpage.php 文件中，我有一个文本区域，我应用了一些jquery 来动态获取进度条。所以我必须在那个webpage.php 中调用$document.ready 函数。但问题是，我有很多 $document。header.php 中的 ready 函数，我包含在 pages.php 中。还有一件事我在webpage.php中有另一个head标签，用于获取JQGrid

据我了解，您已经有多个 document.ready 块，而不是您只想调用特定块。

你应该从

$(document).ready(
    //code for block 1
)

$(document).ready(
    //code for block 2
)

$(document).ready(
    //code for block 3
)

to function codeblock1(){ //块 1 的代码 }

function codeblock2(){
    //code for block 2
}

function codeblock3(){
    //code for block 3
}

$(document).ready(
    codeblock1();
    codeblock2();
    ///
)

所以现在你可以在其他脚本中调用你想要的任何块

于 2012-04-11T08:02:46.047 回答