jquery doesn't work on chrome

Question

var h = 600;

var w = 1024;

var x = (screen.width - w) / 2;

var y = (screen.height - h) / 2;

var commonWindow = window.open(url, "",  "screenX="+x+",screenY="+y+",left="+x+",top="+y+",width="+w+",height="+h);

var bankCdOpener = $("input[name=bankCd]", commonWindow.opener.document).val();

var branchCdOpener = $("input[name=branchCd]", commonWindow.opener.document).val();

$(commonWindow.document).ready(function () {

    $("input[name=bankCd]", commonWindow.document).val(bankCdOpener);

    $("input[name=branchCd]", commonWindow.document).val(branchCdOpener);

});

In the new open window, I can get the values of bankCd and branchCd from opener window when I run it on IE.

But it doesn't work on Chrome.
Here is the code, please help me.

Recommended for you: Get network issues from WhatsUp Gold. Not end users.

Answer 1

Use load event of opened window

commonWindow.onload = function() {
  $("input[name=bankCd]", commonWindow.document).val(bankCdOpener);
  $("input[name=branchCd]", commonWindow.document).val(branchCdOpener);
}

plnkr http://plnkr.co/edit/xcMP7zQ5g6gEfJJu0On7?p=preview

jquery doesn't work on chrome

Sign up