Question

我是jquery的新手，但已成功制作了一个show-function并将鼠标悬停在我网站的div工作中。不幸的是，它仅适用于Chrome和Safari，而不适用于Firefox：

http://kommunal.dk/konference/konference.html#

我知道我的编码有点混乱，但是任何回复都会受到赞赏。这是：

在div上我有：

<div id="tilmeldingknap" >Tilmelding</div><br />

    <script type="text/jscript">

    $('#tilmeldingknap').hover(
        function() {
            $(this).css('cursor','pointer');
        }, 
        function() {
            $(this).css('cursor','auto');
        }
    );

    $('#tilmeldingknap').click(
        function() {
             $('#konference-tilmelding').show('slow');
             $('#tilmeldingknap').hide(); 
             return false;
        }
    );
</script>

在我的标题中，我有：

<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>

Answer 1

<script type="text/jscript">

应该是

<script type="text/javascript">

Answer 2

删除type="text/jscript"，或使用type="text/javascript"。 JScript是Microsoft对ES3的实现。 JavaScript不是JScript。

Answer 3

在链接之前使用jQuery，而隐藏应该在文档就绪事件处理程序中。

SCRIPT5009：'$'未定义 konference.html，第16行6 SCRIPT1010：预期的标识符 konferencetilmelding.js，第1行第31行 SCRIPT5009：'getTMqs'未定义 konference.html，第515行第1个字符

来自您的信息页：

<script type="text/javascript">


     $('#konference-tilmelding').hide("fast");

</script>


<script type="text/javascript" src="file:///Macintosh HD/Users/jakobthuemoes/Documents/Webdesign/Kommunal/web/portal/js/generelle.js"></script>
2

    <script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="file:///Macintosh HD/Users/jakobthuemoes/Documents/Webdesign/Kommunal/web/portal/js/jqModal.js"></script>
    <script type="text/javascript" src="file:///Macintosh HD/Users/jakobthuemoes/Documents/Webdesign/Kommunal/web/portal/js/fade-plugin.js"></script>
    <script type="text/javascript" src="../js/konferencetilmelding.js"></script>
    <script type="text/javascript" src="file:///Macintosh HD/Users/jakobthuemoes/Documents/Webdesign/Kommunal/web/portal/js/kommunal.js"></script>
    <script type="text/javascript" src="file:///Macintosh HD/Users/jakobthuemoes/Documents/Webdesign/Kommunal/web/portal/js/jquery.validate.js"></script>

Answer 4

那里有一些无效的HTML，

<div id="tilmeldingknap" >Tilmelding</div><br />

Answer 5

许多链接都在您的PC上;

<script type="text/javascript" src="file:///Macintosh HD/Users/jakobthuemoes/Documents/Webdesign/Kommunal/web/portal/js/jqModal.js"></script>

Answer 6

您的代码中链接了大量本地文件，请确保所有css / js链接都是相对的，这样您就不会遇到此问题。

例如，您应该更改：

<script type="text/javascript" src="file:///Macintosh HD/Users/jakobthuemoes/Documents/Webdesign/Kommunal/web/portal/js/generelle.js"></script>

要：

<script type="text/javascript" src="../js/generelle.js"></script>

Answer 7

一起纠正：

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

<div id="tilmeldingknap" >Tilmelding</div><br />

<script type="text/javascript">
    $('#tilmeldingknap').hover(function() {
        $(this).css('cursor','pointer')
    ;}, function() {
        $(this).css('cursor','auto');
    });
    $('#tilmeldingknap').click(function() {
       $('#konferencetilmelding').show('slow');$('#tilmeldingknap').hide();        
       return false;
    });
</script>

Answer 8

第一行不应该是：

<div id="tilmeldingknap" >Tilmelding</div><br />

<script type="text/javascript">

Answer 9

试试这个

$(document).ready(function(){
    $('#tilmeldingknap').hover(
        function() {
            $(this).css('cursor','pointer');
        }, 
        function() {
            $(this).css('cursor','auto');
        }
    );
});

$('#tilmeldingknap').click(
        function() {
             $('#konference-tilmelding').show('slow');
             $('#tilmeldingknap').hide(); 
             return false;
        }
    );

Jquery在Firefox中不起作用

9 个答案: