Question

所以，首先。它在另一个网络服务器上正常运行： http://colorsnatcher.com/cuse/feedback.html

在这里不起作用： http://campusbasement.com/contact.php#

当我想在我的网站中实现它时，javascript无法正常运行。

Contact.php

<?php include('feedback.php'); ?>

feedback.php

     <script src="http://www.campusbasement.com/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
 <script src="http://www.campusbasement.com/scripts/tab.js" type="text/javascript"></script>
 <link rel="stylesheet" href="http://www.campusbasement.com/feedback/feedback.css" type="text/css" />
 <script type="text/javascript">
    $(function(){
        $("#slide-out-div").tabSlideOut({
            tabHandle: '#handle',                     //class of the element that will become your tab
            pathToTabImage: 'http://www.campusbasement.com/feedback/report.png', //path to the image for the tab //Optionally can be set using css
            imageHeight: '160px',                     //height of tab image           //Optionally can be set using css
            imageWidth: '40px',                       //width of tab image            //Optionally can be set using css
            tabLocation: 'left',                      //side of screen where tab lives, top, right, bottom, or left
            speed: 300,                               //speed of animation
            action: 'click',                          //options: 'click' or 'hover', action to trigger animation
            topPos: '200px',                          //position from the top/ use if tabLocation is left or right
            leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
            fixedPosition: true                      //options: true makes it stick(fixed position) on scroll
        });
    });

    </script>
   <div id="slide-out-div">
       <a id="handle" href="#"><div id="reportImage"></div></a>
       <div id="contactform">
                <form method="post" action="http://www.campusbasement.com/feedback/contactengine.php">
                    <input id='name' name='name' type='text' placeholder="Name" > <br />
                    <input id='Email' name='Email' type='text' placeholder="Email" > <br />
<br />
                    <textarea name="Message" rows="5" cols="15" id="Message" placeholder="Bugs? Suggestions?"></textarea><br />

                    <input type="submit" name="submit" value="Submit" class="submit-button" />
                </form>
       </div>

   </div>

错误：

contact.php:246Uncaught TypeError: Object #<an Object> has no method 'tabSlideOut'

编辑：我想到了。它与其他脚本冲突，因此我不得不使用$，而是使用jQuery。

Answer 1

JavaScript不能在PHP中运行。 JavaScript由您的Web浏览器解释。 PHP只包含HTML代码段（包括<script />标记）。

如果您的JavaScript不起作用，请尝试使用Firebug或类似的东西进行调试。

Answer 2

您是否尝试将其包装在$(document).ready(...

中

Answer 3

FWIW ....检查HTML文档类型。我在编写Javascript时遇到了很多问题，这些问题在一台服务器上运行正常，而在另一台服务器上没有问题，并且由于该服务器上的默认文档类型（例如XHTML与HTML5）而经常出现这种问题

Answer 4

必须使用

jQuery(function() {

});

而不是$

Javascript无法在PHP中正常运行

4 个答案: