# acagrid

**Repository Path**: react-module/acagrid

## Basic Information

- **Project Name**: acagrid
- **Description**: 学术格子
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-05-06
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 1.在使用$().load()时出现一下情况：
>[Error] Failed to load resource: Preflight response is not successful (header.html, line 0)     
[Error] XMLHttpRequest cannot load file:///Users/eh/Desktop/grid/header.html. Preflight response is not successful

本来我以为是某个js文件起得作用，我发现把js文件删除以后仍然加载不进去，后来我发现我新建的文件可以载入但是之前直接保存的文件无法加载，解决办法：新建文件。
原因：因为再本地的静态文件无法操作服务器端的数据，在本地搭建web服务器就可以了

## 2.在下拉菜单里写模态框不能正常显示
把模态框写在每一个页面的里面

## 3.css文件需要重写

## 4.日期的显示与选择
1.用new Date()显示当前日期
2.上下箭头可以选择
3.判断闰年和平年

## 5.js生成pdf文件并下载
使用h5的jsPDF

## 6.生成材料页
* 从右边的方框拖动到左边的方框使用的是h5中的拖动和排序
>
            //拖拽
            $("div.droptrue").sortable({
              connectWith: "#sortable1,#book-shelves",
              update: function() { //更新排序之后
              //需要判断左边的框是否有右边的item如果有就让左边方框的内容隐藏，如果没有就显示 is(".js-item")和hasClass()都可以判断是否有某个元素
                if ($("#sortable1 div").is(".js-item")) {
                  $("#book-text").css({
                    "display": "none"
                  });
                } else {
                  $("#book-text").css({
                    "display": "block"
                  });
                }
              }
            });
            $("#sortable1, #book-shelves").disableSelection();


* 点击添加item从右到左
问题:刚开始我用的这种方式：
>  $("#book-shelves .book-list").click(function() {
    $(this).appendTo($("#sortable1"));

在每次点击的时候确实可以添加到#sortable1，但是出现的问题是每次点击添加到#book-shelves的item时，会appendTo到当前方框的队尾,也就是说在#sortabel1里也选到了 .book-list的对象
原因：appendTo() 或者 append() 方法都是移动 DOM 对象，而不是将 DOM 对象复制到指定的那个地方。
所以修改后的代码：
>  $("#book-shelves .book-list").click(function() {
    var clone = $(this).clone();
    $(this).remove(); //如果不把当前节点删除左边的点击也会被加到队尾
    $(clone).appendTo($("#sortable1"));
})

先复制一份当前的项目然后把把这个项目删除，再把复制的项目appendTo到#sortable1，这样就可以把当前的对象移到#sortable1而且点击里面的item不会再添加到#sortable1的队尾

遇到的问题：
在我添加移除按钮的时候：
>  $("#sortable1 .delete").click(function() {
    var LeftClone = $(this).parent().parent().clone();
    $(this).parent().parent().remove()
    console.log($(LeftClone));
    $(LeftClone).eq(0).appendTo($("#book-shelves"));
  })

点击删除按钮时因为是写在点击事件里的所以多次点击之后再调用删除事件会发生移除多个同样的item而且一到右边的item不能再通过点击添加了.
解决：暂时不知道怎么解决