有沒有辦法使用jQuery在新窗口中顯示圖像？

這裏是我的代碼爲它有沒有辦法使用jQuery在新窗口中顯示圖像？

$(document).ready(function() { 
    $('#happymyleast').css('display', 'none'); 
}); 

$(document).ready(function() { 
    $('#reveal').click(function() { 
    window.open('testpage.html'); 
    $('#happymyleast').show(); 
    }); 
});

#happymyleast { 
    position: absolute; 
    top: 119px; 
    left: 71px; 
    height: 20px; 
    width: 20px; 
    background-color: #FFCC00; 
    border-radius: 10px; 
}

<p id="happymyleast"></p> 
<button id="reveal">Reveal</button>

當我點擊顯示按鈕，我想要的圖像或者說我已經建立了CSS的形狀是什麼，我希望做在另一個頁面上顯示。那是可以實現使用jQuery的東西嗎？

來源

2016-09-29 L.Russell

打開圖像很簡單 - 只需在圖像的URL處使用'window.open（）'。 'css shape'是什麼意思？ –

我在代碼中添加了window.open（），並且工作正常。如果我加入我已經建立的可能會更清晰的內容。 –

我將編輯我的問題，並以這種方式添加CSS，你可以看到我所做的。 –

$(document).ready(function(){ 
    $('#happymyleast').css('display', 'none'); 
}); 
$(document).ready(function(){ 
    $('#reveal').click(function(){ 
     var sub_window= window.open(); 
     var content=$('#happymyleast').html(); 
     //var styles=$('style').clone(); 
     var styles=$('style').clone().wrap('<div/>').parent().html(); 
     var full_content ='<head>'+styles+'</head>'+'<body>'+content+'</body>'; 
     //console.log(styles); 
     sub_window.document.write(full_content); 

    }); 
});

如果你把圖像放在p裏面，你就可以看到它。或者只需在裏面輸入'Hello Worl'，你就可以看到它。

我認爲你正在尋找這樣的事情

我已經做出了表率，但我不能夠容納它的jsfiddle，因爲的jsfiddle阻止document.write

來源

2016-09-29 09:11:10

我已經將你的代碼添加到我的代碼中，它打開了一個空白頁面，所以我要做的是將我用來創建CSS的樣式表添加到我的新頁面中，這樣，happymyleast形狀將顯示在另一頁上。謝謝你的幫助。 –

這裏是小提琴：https://jsfiddle.net/6Lbv4gnd/1/ –

感謝您的幫助，我看着小提琴及其正是我想要的，所以非常感謝。 –

在新頁面上打開圖像很簡單：

window.open($("#your_image").attr("src"), "_blank")

現在

的CSS，如果這個人是動態生成的，並且希望它出現在一個新的頁面，你必須使用AJAX和PHP動態寫入當前的CSS到外部CSS文件中，然後調用它在內部新一頁！

來源

2016-09-29 09:15:24 mondersky

有沒有辦法使用jQuery在新窗口中顯示圖像？

回答

相關問題