Question

我正在创建一个随着时间的推移可能变得非常大的应用程序。因此，为了简单起见，我们决定在一个文件中保留一个特定功能的Javascript（主要是jQuery代码），CSS和html。例如，如果upload是一个函数，那么我们将所有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可能会导致错误和冲突。请建议我更好地处理我正在做的事情。

由于

如何通过jquery ajax将更多jquery脚本加载到DOM

0 个答案: