0

我正在使用 jquery 动态翻书。我可以将便笺添加到偶数页或奇数页。此代码创建注释选择要将注释添加到哪个页面并拖动。

function CreatePostIt() {
                    $("#PostIt").dialog({ modal: true, autoResize: true, height: 500, width: 530,
                        open: function () {

                            $("#BookMenu").fadeOut(500);
                            BookMenuShow = false;
                            $("#pNotes").addClass("yellow");
                            $("#pNotes").removeClass("transparent");
                            $("#pNotes").removeClass("blue");
                            $("#pNotes").removeClass("green");
                            $("#note-body").text("");
                            $("#pNotes").css("font-size", $("#NoteFontSize").val());
                            color = "yellow";
                            $("#pNotes").text("");
                            if (PageIndex == 0) {
                                $("#rightTn").click();

                                $("#leftTn").attr("src", "images/blank.gif")

                                $("#rightTn").attr("src", tnNames[PageIndex]);

                            } else {
                                $("#leftTn").width(120);
                                $("#rightTn").width(120);
                                $("#leftTn").attr("src", tnNames[PageIndex - 1])
                                $("#rightTn").attr("src", tnNames[PageIndex]);
                                $("#leftTn").click();
                            }

                        },
                        buttons: {
                            "INSERT": function () {

                                var count = $(".npg" + PageSelected).length;

                                var Annotation = $("<div style='z-index:250000' class='note npg" + PageSelected + "' index='0'></div>");
                                var aId = "Page-" + PageSelected + "-Note-" + (count + 1);
                                AnnoCount = AnnoCount + 1;
                                $(Annotation).attr("id", "Page-" + PageSelected + "-Note-" + (count + 1));
                                $(Annotation).css("font-size", $("#NoteFontSize").val());
                                $(Annotation).css("display", "none");
                                $(Annotation).append("<img class='noteClose'  rel='Page-" + PageSelected + "-Note-" + (count + 1) + "' style='float:right; padding:10px 10px 5px 5px' src='images/close.gif'/>");
                                $(Annotation).append("<div style='padding:25px 25px 25px 25px;' id='noteText" + (count + 1) + "' class='noteBody'>" + $("#note-body").val() + " </div>")
                                $(Annotation).addClass("liveNote");
                                $(Annotation).addClass("npage" + PageSelected);
                                $(Annotation).addClass(color);
                                $("#pgDv" + (PageSelected)).prepend(Annotation);
                                $.cookie("Book-" + bookid + "-Page-" + PageSelected, aId + "||" + $("#note-body").val() + "||" + "0,0,0,0||" + color + "||" + $("#NoteFontSize").val() + "<*>", { expires: 365, path: "/" });

                                **if (ZoomOn != true) {
                                    if ("#rightPageShadow") {
                                   Annotation.draggable({ cusror: "pointer", containment: 'parent'                                  
                                           });
                               } else {
                                   Annotation.draggable({ cusror: "pointer", containment: "#leftPageShadow"
                                   });
                               }
                                }
                                else if (ZoomOn = true) {
                                    Annotation.draggable({
                                        create: function () {
                                            $(this).show();
                                        },
                                        cusror: "pointer",
                                        containment: "parent"
                                    });
                                }
                                $(Annotation).show();
                                //   $("#PostItNoteInd").show();
                                $(this).dialog("close");
                                $("#note-body").text("");**
                            }
                   , "CANCEL": function () {
                       $("#pNotes").text("");
                       $("#leftTn").attr("rel", -10);
                       $("#leftTn").css("border", "0px solid red");
                       $("#rightTn").attr("rel", -10);
                       $("#rightTn").css("border", "0px solid red");
                       $(this).dialog("close");
                   }
                        }
                    });
                    var cw = $("#PostItDialogContent").width();
                    $("#PostIt").dialog("option", "width", cw + 20);

                }

我遇到的问题是,当便笺放在左侧页面上时,它可以正常工作。但在右侧和底部却没有。我已经尝试过 [x,y, x1, y1] 但因为每本书都不同我尝试使用我的 id 标签如果你 #leftPageShadow 是在 div 上而其他是 #rightPageShadow

4

1 回答 1

1

问题已修复,我丢失了 cookie id 更改 cookie 代码。

于 2012-08-28T19:35:21.113 回答