Print preview function using jquery

1.2k Views Asked by At

I use jquery scripts for modal popup functionality in user controls and in master page.The problem is when i use a print preview function in jquery to capture the entire page, the basic scripts like jquery 1.7.1.min.js gets conflict and the print preview function does not works.If i remove the script reference in my user control, my functionality will not work but the print preview function works.

I tried like dis. I removed the script reference in usercontrol and added like dis in the masterpage.

var control = new HtmlGenericControl("script");
control.Attributes.Add("type", "text/javascript");
control.Attributes.Add("src", Page.ResolveClientUrl("../Scripts/jquery-1.7.1.min.js"));
this.Page.Header.Controls.Add(control);

I used jQuery Print Previw Plugin v1.0.1 for the print preview function and edited for the preview. But i still get the error as

$("a.print-preview").printPreview is not a function
[Break On This Error] $('a.print-preview').printPreview(); 

and print preview function doesnt work.. Any suggestions ??

EDIT : I found a little . I used $.noConflict(); and found the print preview function is working but some other script functionalities are not working in the page.

1

There are 1 best solutions below

5
On

It looks like your page doesn't see the plugin. Make sure that the print plugin added correctly.