Question

我有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

Answer 1

您可以将jquery代码放在单独的文件中，然后使用include

将其包含在其他页面中

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

Answer 2

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

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

你的脚本应该包含这个

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

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

Answer 3

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

据我所知，你已经有多个document.ready块了，不是你只想调用一个特定的块。

你应该从

改变

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

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

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

要 function codeblock1（）{ //块1的代码 }

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

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

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

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

Javascript：在另一个php文件中调用一个js文件的document.ready（）函数

3 个答案: