JavaScript 不是 "opening"url

Question

我不确定这个脚本有什么问题。它“应该”有效。

HTML

<img src="https://placehold.it/350x150" alt="" onclick="goTo('img1');">

Javascript

function goTo(img) {
        if( img === 'img1' ) { window.open('https://www.google.com/','_blank'); }
        else if( img === 'img2' ) { window.open('https://www.yahoo.com/','_blank'); }
        etc...
        else{ alert("This image is not recognized: " + img ); }
    }

JsFiddle: https://jsfiddle.net/omarjuvera/xuzc70gn/2/

<小时/>

编辑:在网站上，我在 .ready() 中有 javascript 代码，如下所示:

$( document ).ready(function() {

function goTo(img) {
    if( img === 'ivory' ) { window.open('https://www.indiegogo.com/project/preview/a0d4cff9','_blank'); }
    else{ alert("This image is not recognized: " + img ); }
}

...more functions...
});

Answer 1

只需将 goTo 函数放在 .ready() 事件之外，如下所示:

function goTo(img) {
    if( img === 'ivory' ) { window.open('https://www.indiegogo.com/project/preview/a0d4cff9','_blank'); }
    else{ alert("This image is not recognized: " + img ); }
}

$( document ).ready(function() {

    ...more functions...


});