Question

我有一个Joomla网站，我在文章中添加了一些jquery脚本。我在mysql数据库的内容表中添加了这个。我在localhost上测试了我的脚本，这很好用。但是当页面与joomla一起运行时，它不起作用。我搜索了这个问题，似乎是html＆＃39;＆＃39;标签就是问题所在。 Joomla在HTML源代码之上生成它。我复制了由Joomla创建并在我的localhost服务器上编辑的html源代码。当我取消注释标签时，脚本功能......

任何人都可以告诉我为什么脚本不起作用吗？

HTML部分：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl-nl" lang="nl-nl" >
<head>
<base href="http://www.windsurfingdeinze.be/index.php/2015-02-21-17-43-42/reservatie-sup" />
< ...... >
<form>
    sups:
    <select id='id_sups'>
    <option value='0'>----------</option>
        </select>
        naam:
        <input name="naam" id="naam" type="text" placeholder ="Naam, Voornaam"/>
        <br>
        <br>
        <input type="submit" id="verzend" name="select" value="selecteer uw sup:" >

    </form>

<!-- JAVASCRIPT and JQUERY -->
<!-- Script by FredGoe -->
<script type="text/javascript">    

$(document).ready(function() {
    var course_data;
    $.get('sups.xml', function(data) {
        sups_data = data;
        var that = $('#id_sups');
        $('sup', sups_data).each(function() {
            $('<option>').text($(this).attr('id')).appendTo(that);
    });
}, 'xml');

    $('#verzend').click(function(){
        var id_sup = $('#id_sups').val();
        var naam = $('#naam').val();
        var ajaxurl = 'form_afhandeling.php';
        data =  {'id_sup': id_sup,
             'naam' : naam
            };
        $.post(ajaxurl, data, function (response) {
            alert('Bedankt, ' + response.naam + ' de ' +response.id + ' werd voor u gereserveerd');
        location.reload();
    },'json');
});

}）;

使用过的sups.xml和form_afhandeling.php文件与index.php文件位于同一目录中。 XML文件具有权利775。

我认为它与找不到我的xml和php文件的基本href有关，但我无法弄清楚。

提前致谢，弗雷德里克

html基本标记块脚本

0 个答案: