Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
PHP页面内的Javascript方法调用_Php_Javascript - Fatal编程技术网

PHP页面内的Javascript方法调用

PHP页面内的Javascript方法调用,php,javascript,Php,Javascript,我有一个PHP页面,其中使用javascript方法隐藏了一个div。在超链接单击时调用此方法。问题在于它给出了未捕获的参考错误。不知道原因是什么。我甚至尝试使用一个外部JS文件并在其中定义方法,但仍然不起作用。javascript中的未捕获引用错误通常意味着调用方法时未定义对象或访问器 我在使用jQuery时看到过,jQuery包含在html的底部,javascript在它之前被触发 所以 在 <script type="text/javascript" src="http://ajax

我有一个PHP页面,其中使用javascript方法隐藏了一个div。在超链接单击时调用此方法。问题在于它给出了未捕获的参考错误。不知道原因是什么。我甚至尝试使用一个外部JS文件并在其中定义方法,但仍然不起作用。

javascript中的未捕获引用错误通常意味着调用方法时未定义对象或访问器

我在使用jQuery时看到过,jQuery包含在html的底部,javascript在它之前被触发

所以

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

因此,$方法不存在


解决方案是将方法调用放在body load上。

下面是隐藏任何div onClick的通用代码

<html>
    <head>
        //Here to add script tag, which i have writen below
    </head>
    <body>
        <div id="testDiv">This is to be hide on click</div>
        <br/>
        <br/>
        <a href="#" onClick="$('#testDiv').hide();">Click to hide!</a>
        <br/>
        <br/>
        <a href="#" onClick="$('#testDiv').show();">Click to show!</a>
    </body>
</html>

//在这里添加脚本标记,我在下面写过
这将在单击时隐藏




注意:你应该仔细地写撇号。“Bcox”和“B”具有不同的影响

以下是您必须放置在head tag中的脚本标记:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

我给你一个提示:

确保在操作脚本之前定义了DIV标记

比如:


单击隐藏
函数HideIt(){
//不管是什么:隐藏代码在这里
$('#hideDiv').hide()//我们在定义它之后使用它:)
}

如果您不发布任何代码,将无法提供帮助。。。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<html>
 <head>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<div id="hideDiv">Hide on click</div>
<input type="button" value="hide" onClick="javascript:HideIt()"/>
<script type="text/javascript" language="javascript">

function HideIt(){
 //what ever it is:Hide codes goes here
 $('#hideDiv').hide() // we used it after the defined it :)
 }
</script>
</body>
</html>