0

我是 jquery 的新手，但已经设法在我的网站上制作了一个显示功能并将鼠标悬停在一个 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>
4

9 回答 9

3 
<script type="text/jscript">

应该

<script type="text/javascript">
于 2012-06-20T13:14:59.087 回答
2

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

于 2012-06-20T13:12:55.560 回答
1

在链接之前使用 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>
于 2012-06-20T13:40:19.790 回答
0

你那里有一些无效的 HTML，

<div id="tilmeldingknap" >Tilmelding</div><br />
于 2012-06-20T13:13:25.203 回答
0

许多链接都位于您的 PC 上；

<script type="text/javascript" src="file:///Macintosh HD/Users/jakobthuemoes/Documents/Webdesign/Kommunal/web/portal/js/jqModal.js"></script>
于 2012-06-20T13:15:20.053 回答
0

您的代码中有大量本地文件链接，请确保您的所有 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>
于 2012-06-20T13:15:46.810 回答
0

全部正确：

<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>
于 2012-06-20T13:16:44.920 回答
0

第一行不应该是：

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

<script type="text/javascript">
于 2012-06-20T13:16:47.087 回答
0

试试这个

$(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;
        }
    );
于 2012-06-20T13:24:57.367 回答