Question

我正在尝试使用jQuery执行一个简单的隐藏功能，它在IE10中运行良好，但在Firefox（25.0.1）中不起作用。设置基本如下：我有一个带有内容块和按钮的基本HTML页面。单击该按钮应将html从另一个（本地）页面加载到内容块中，但应隐藏某些部分（在本例中为具有“描述”类的div）。这是代码：

基本HTML页面：

<!DOCTYPE html>
<html>
<head>
<title>Test for jQuery Hide function in Firefox</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript" src="hide.js"></script>
</head>

<body>
    <div id="contentblock">This is where the content goes</div>
    <div id="button">Button</div>


</body>
   </html>

要加载的HTML：

<!DOCTYPE html>
<html>
<head>
    <title>Test 2</title>
</head>
<body>

<div class="step">
<div class="stepcontent">This is the second file, first div</div>
<div class="description">Description #1</div>
</div>

<div class="step">
<div class="stepcontent">This is the second file, second div</div>
<div class="description">Description #2</div>
</div>

<div class="step">
<div class="stepcontent">This is the second file, second div</div>
<div class="description">Description #3</div>
</div>

</body>
</html>

jQuery的：

$(document).ready(function(){

    $('#button').click(function(){
        $('#contentblock').load( 'loadfile.html' );
        $('.description').hide();

    });
});

同样，上面的代码在IE10中运行良好，但在Firefox中不行。我现在无法在Chrome中查看它，因为Chrome不允许将本地存储的HTML加载到另一个HTML页面中。提前感谢您提供任何帮助。

Answer 1

要允许firefox加载本地文件（可能是您的脚本停止的位置），请通过在地址栏中键入“about：config”来访问firefox配置。

搜索“origin”并将“security.fileuri.strict_origin_policy”设置为false。

Answer 2

感谢所有帮助。下面的答案是由某人在我将其标记为正确之前删除了帖子的（因此，无论是谁，非常感谢！）。只是对一些答案的几点评论：

配置似乎没有问题，因为文件加载正常，只是没有隐藏我指示的类。
@Peter我会将它限制在HTML的正文中。谢谢您的提示。

答案是将隐藏功能包含在加载功能中作为正确的功能，如下所示：

$(document).ready(function(){

    $('#button').click(function(){
        $('#contentblock').load( 'loadfile.html', function(){  $('.description').hide();  } );
    });
});

再次感谢大家的快速反应！

jQuery Hide功能在Firefox中不起作用

2 个答案: