0

我正在创建一个随着时间的推移可能会变得非常大的应用程序。因此，为了简单起见，我们决定将 Javascript（主要是 jQuery 代码）、CSS 和 html 用于一个文件中的一项特定功能。例如，如果上传是一个函数，那么我们将所有的 jQuery 验证和 css、html 上传到一个文件中（没有 head 和 html 标签）。

我们有一个主页仪表板，其中单击处理程序将通过 ajax 加载所有链接，并附加到由名为“whereTOadd”的链接中的附加属性指示的类的指定 DIV。因此，如果一个链接的“WhereTOadd”属性设置为“.here”并且href 设置为upload.php，那么upload.php 的内容将被添加到同一页面中的“here”类的div 中。它是使用下面给出的脚本完成的。

但是我面临的问题是我需要在每个文件中再次包含 jQuery 文件才能使代码正常工作，这是一件可怕的事情。可以做些什么来避免这种情况？

这是我的仪表板的 html：

<html>
<head>
..
<script src="Path-to-jquery-min-file.php" ></script>
<script>
$( document ).ready(function(){

 $(document).on("click","a",function(e){

     if( $(this).attr('href'))var ajaxurl = $(this).attr('href').valueOf();

     if( $(this).attr('whereTOadd'))
     var target = $(this).attr('whereToadd').valueOf();

      /*for ajax request */
      var options= {
            type: 'GET',
            url: ajaxurl,
            dataType: 'html',
            success: function (html, textStatus){
                                     $(target).empty().append(html);
            },
            error: function(xhr, textStatus){
                alert('error');

            }
          }
        $.ajax(options);
return false;
});
});
</script>
</head>
<body>
<a href="upload.php" >Upload data</a>
<div class=".here" ></div>
</body>

upload.php 包含：

 <script type="javascript" >
    $('body').append('load successful!');
    </script>

在我将 upload.php 更改为以下内容之前，此设置将不起作用：

 <script src="Path-to-jquery-min-file.php" ></script>
     <script type="javascript" >
        $('body').append('load successful!');
     </script>

请帮助解决这个问题，因为在同一页面中一次又一次地加载 jQuery 可能会导致错误和冲突。请建议我对我正在做的事情采取更好的方法。

谢谢

4

0 回答 0