Question

问题已修复。非常感谢每一个人。

我试图直接离线运行该文件而不是Web服务器，通过将该文件放在Web服务器（xampp服务器）上它开始工作。

我正在尝试使用ajax在另一个html文件中加载一些html数据来加载html文档，但它无法正常工作。那对我来说很愚蠢:-P

<div id="css_change"></div><br />


<div id="menu_"><a href="calla.html">Opt 1</a> <a href="sunflowers.html">Opt 2</a> <a href="iris.html">Opt 3</a> <a href="alstromeria.html">Opt 4 </a></div>
<br />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>


$(document).ready(function(e) {

var $flowers = $('#menu_');

$('#menu_').find('a').on('click', function(e){
    e.preventDefault();

    var $desc = $('#css_change');

    switch($(this).attr('href')) {
        case 'calla.html' :
            $desc.load('text/lilies.html');
            break;
        case 'sunflowers.html' :
            $desc.load('text/sunflower.html');
            break;
        case 'iris.html' :
            $desc.load('text/irises.html');
            break;
        case 'alstromeria.html' :
            $desc.load('text/peruvian.html');
            break;
    }
});


});
</script>
</body>
</html>

而且我认为preventDefault();功能不起作用。

我正在尝试使用ajax将html位从一个文档加载到另一个文档。请帮忙。

Answer 1

使用 http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js 为$ define。

没有http的

会导致问题。 e.preventDefault（）可以防止默认值

Answer 2

我得到了解决方案。我正在离线预览这些文件。在尝试了每件事之后。我只是将所有文件移动到Web服务器并尝试了它们。瓦拉它开始工作了。感谢大家的努力。

哦，是的，很少有变化对我有帮助。 @SuperOV

http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js for $ define.

有效。

Answer 3

我已直接使用＆＃39; #menu_ a＆＃39; 修改代码，而不是找到a，而返回false 而不是e.preventDefault

检查

$(document).ready(function() {

    var $flowers = $('#menu_');

    $('#menu_ a').on('click', function(){

        var $desc = $('#css_change');

        switch($(this).attr('href')) {
            case 'calla.html' :
                $desc.load('text/lilies.html');
            break;
            case 'sunflowers.html' :
                $desc.load('text/sunflower.html');
            break;
            case 'iris.html' :
                $desc.load('text/irises.html');
            break;
            case 'alstromeria.html' :
                $desc.load('text/peruvian.html');
            break;
        }

    return false;

    });

});

Ajax加载函数在html中不起作用

3 个答案: