代码之家  ›  专栏  ›  技术社区  ›  user3683976

如何运行2个js函数

  •  0
  • user3683976  · 技术社区  · 6 年前

    //run this first
    $('#abc').click(function() {
         $('.test1').show();
         return false;
      });  
    
    
    //run this second
    (function ($) {
        "use strict";
        // A nice closure for our definitions
        function getjQueryObject(string) {
            // Make string a vaild jQuery thing
            var jqObj = $("");
            try {
                jqObj = $(string)
                    .clone();
            } catch (e) {
                jqObj = $("<span />")
                    .html(string);
            }
            return jqObj;
        }
    
        function printFrame(frameWindow, content, options) {
            // Print the selected window/iframe
            var def = $.Deferred();
            try {
                frameWindow = frameWindow.contentWindow || frameWindow.contentDocument || frameWindow;
                var wdoc = frameWindow.document || frameWindow.contentDocument || frameWindow;
                if(options.doctype) {
                    wdoc.write(options.doctype);
                }
                wdoc.write(content);
                wdoc.close();
                var printed = false;
                var callPrint = function () {
                    if(printed) {
                        return;
                    }
                    // Fix for IE : Allow it to render the iframe
                    frameWindow.focus();
                    try {
                        // Fix for IE11 - printng the whole page instead of the iframe content
                        if (!frameWindow.document.execCommand('print', false, null)) {
                            // document.execCommand returns false if it failed -http://stackoverflow.com/a/21336448/937891
                            frameWindow.print();
                        }
                        // focus body as it is losing focus in iPad and content not getting printed
                        $('body').focus();
                    } catch (e) {
                        frameWindow.print();
                    }
                    frameWindow.close();
                    printed = true;
                    def.resolve();
                }
                // Print once the frame window loads - seems to work for the new-window option but unreliable for the iframe
                $(frameWindow).on("load", callPrint);
                // Fallback to printing directly if the frame doesn't fire the load event for whatever reason
                setTimeout(callPrint, options.timeout);
            } catch (err) {
                def.reject(err);
            }
            return def;
        }
    
        function printContentInIFrame(content, options) {
            var $iframe = $(options.iframe + "");
            var iframeCount = $iframe.length;
            if (iframeCount === 0) {
                // Create a new iFrame if none is given
                $iframe = $('<iframe height="0" width="0" border="0" wmode="Opaque"/>')
                    .prependTo('body')
                    .css({
                        "position": "absolute",
                        "top": -999,
                        "left": -999
                    });
            }
            var frameWindow = $iframe.get(0);
            return printFrame(frameWindow, content, options)
                .done(function () {
                    // Success
                    setTimeout(function () {
                        // Wait for IE
                        if (iframeCount === 0) {
                            // Destroy the iframe if created here
                            $iframe.remove();
                        }
                    }, 1000);
                })
                .fail(function (err) {
                    // Use the pop-up method if iframe fails for some reason
                    console.error("Failed to print from iframe", err);
                    printContentInNewWindow(content, options);
                })
                .always(function () {
                    try {
                        options.deferred.resolve();
                    } catch (err) {
                        console.warn('Error notifying deferred', err);
                    }
                });
        }
    
        function printContentInNewWindow(content, options) {
            // Open a new window and print selected content
            var frameWindow = window.open();
            return printFrame(frameWindow, content, options)
                .always(function () {
                    try {
                        options.deferred.resolve();
                    } catch (err) {
                        console.warn('Error notifying deferred', err);
                    }
                });
        }
    
        function isNode(o) {
            /* http://stackoverflow.com/a/384380/937891 */
            return !!(typeof Node === "object" ? o instanceof Node : o && typeof o === "object" && typeof o.nodeType === "number" && typeof o.nodeName === "string");
        }
        $.print = $.fn.print = function () {
            // Print a given set of elements
            var options, $this, self = this;
            // console.log("Printing", this, arguments);
            if (self instanceof $) {
                // Get the node if it is a jQuery object
                self = self.get(0);
            }
            if (isNode(self)) {
                // If `this` is a HTML element, i.e. for
                // $(selector).print()
                $this = $(self);
                if (arguments.length > 0) {
                    options = arguments[0];
                }
            } else {
                if (arguments.length > 0) {
                    // $.print(selector,options)
                    $this = $(arguments[0]);
                    if (isNode($this[0])) {
                        if (arguments.length > 1) {
                            options = arguments[1];
                        }
                    } else {
                        // $.print(options)
                        options = arguments[0];
                        $this = $("html");
                    }
                } else {
                    // $.print()
                    $this = $("html");
                }
            }
            // Default options
            var defaults = {
                globalStyles: true,
                mediaPrint: false,
                stylesheet: null,
                noPrintSelector: ".no-print",
                iframe: true,
                append: null,
                prepend: null,
                manuallyCopyFormValues: true,
                deferred: $.Deferred(),
                timeout: 750,
                title: null,
                doctype: '<!doctype html>'
            };
            // Merge with user-options
            options = $.extend({}, defaults, (options || {}));
            var $styles = $("");
            if (options.globalStyles) {
                // Apply the stlyes from the current sheet to the printed page
                $styles = $("style, link, meta, base, title");
            } else if (options.mediaPrint) {
                // Apply the media-print stylesheet
                $styles = $("link[media=print]");
            }
            if (options.stylesheet) {
                // Add a custom stylesheet if given
                $styles = $.merge($styles, $('<link rel="stylesheet" href="' + options.stylesheet + '">'));
            }
            // Create a copy of the element to print
            var copy = $this.clone();
            // Wrap it in a span to get the HTML markup string
            copy = $("<span/>")
                .append(copy);
            // Remove unwanted elements
            copy.find(options.noPrintSelector)
                .remove();
            // Add in the styles
            copy.append($styles.clone());
            // Update title
            if (options.title) {
                var title = $("title", copy);
                if (title.length === 0) {
                    title = $("<title />");
                    copy.append(title);                
                }
                title.text(options.title);            
            }
            // Appedned content
            copy.append(getjQueryObject(options.append));
            // Prepended content
            copy.prepend(getjQueryObject(options.prepend));
            if (options.manuallyCopyFormValues) {
                // Manually copy form values into the HTML for printing user-modified input fields
                // http://stackoverflow.com/a/26707753
                copy.find("input")
                    .each(function () {
                        var $field = $(this);
                        if ($field.is("[type='radio']") || $field.is("[type='checkbox']")) {
                            if ($field.prop("checked")) {
                                $field.attr("checked", "checked");
                            }
                        } else {
                            $field.attr("value", $field.val());
                        }
                    });
                copy.find("select").each(function () {
                    var $field = $(this);
                    $field.find(":selected").attr("selected", "selected");
                });
                copy.find("textarea").each(function () {
                    // Fix for https://github.com/DoersGuild/jQuery.print/issues/18#issuecomment-96451589
                    var $field = $(this);
                    $field.text($field.val());
                });
            }
            // Get the HTML markup string
            var content = copy.html();
            // Notify with generated markup & cloned elements - useful for logging, etc
            try {
                options.deferred.notify('generated_markup', content, copy);
            } catch (err) {
                console.warn('Error notifying deferred', err);
            }
            // Destroy the copy
            copy.remove();
            if (options.iframe) {
                // Use an iframe for printing
                try {
                    printContentInIFrame(content, options);
                } catch (e) {
                    // Use the pop-up method if iframe fails for some reason
                    console.error("Failed to print from iframe", e.stack, e.message);
                    printContentInNewWindow(content, options);
                }
            } else {
                // Use a new window for printing
                printContentInNewWindow(content, options);
            }
            return this;
        };
    })(jQuery);
    

    如何运行第一个程序,等待5秒左右,然后运行jquery打印?我很难接受这个。因此,id将首先运行,然后打印将在id=“abc”之后运行。下面是正在使用的代码示例:

    <div id="test">
    <button id="abc" class="btn" onclick="jQuery.print(#test1)"></button>
    </div>
    
    1 回复  |  直到 6 年前
        1
  •  0
  •   Simon K    6 年前

    如果我正确理解您的问题,您需要jQuery click 先运行函数,用 id="test1" 可见,然后,一旦它可见,您希望运行 onclick jQuery.print .

    我要建议的第一件事是,您没有两个不同的地方来处理click实现,这会使您的代码难以遵循。

    我会替换你的 $('#abc').click 包括以下内容:

    function printDiv(selector) {
        $(selector).show();
        window.setTimeout(function () {
            jQuery.print(selector);
        }, 1);
    }
    

    jQuery.show 在传递的选择器上,等待1毫秒,然后调用 jQuery.print打印 . 如果需要更长的超时时间,只需更改 1 无论你需要什么。要使用该函数,请更新示例 html 以下内容:

    <div id="test">
        <button id="abc" class="btn" onclick="printDiv('#test1')"</button>
    </div>
    

    单击按钮后,它现在将调用前面提到的函数,并将要打印的对象的ID传递给它。

    至于你的第二个函数,你有评论 **//run this second** jQuery 具有打印功能的对象。你需要它马上就跑,而它现在是。