我試圖讓我的腳本:通過單擊鏈接(#breakCSSButton)上無法設置中繼檢視點寬度回到屏幕的寬度
,改變meta標籤的視寬1280調整它的大小。
再次點擊該鏈接後,更改元標記的視寬回到window.screen.width
我不明白爲什麼它不工作。我有一個錨標記按鈕:
<a href="#" id="breakCSSButton">
繼承人的代碼:
$(function() {
if ($('#breakCSSButton').hasClass('dviewToggledOn') == false) {
console.log($('#breakCSSButton').hasClass('dviewToggledOn'));
$('#breakCSSButton').on('click', function() {
viewportBreak = document.querySelector("meta[name=viewport]");
viewportBreak.setAttribute('content', 'user-scalable=1, initial-scale=1, maximum-scale=4, width=1280');
$(window).resize();
$('#breakCSSButton').toggleClass('dviewToggledOn');
});
}
if ($('#breakCSSButton').hasClass('dviewToggledOn') == true) {
$('.dviewToggledOn').on('click', function() {
deviceScreenWidth = window.screen.width;
viewportBreak = document.querySelector("meta[name=viewport]");
viewportBreak.setAttribute('content', "user-scalable=1, width=" + deviceScreenWidth + ", initial-scale=1, maximum-scale=4");
$(window).resize();
$('#breakCSSButton').toggleClass('dviewToggledOn');
});
}
});
'$(function(){/ * ... * /})'代碼在頁面加載後運行一次。所以,當頁面加載時,您正在檢查課程,設置點擊處理程序等。您應該在點擊處理程序中進行這些檢查並更改行爲,以便每次單擊該鏈接時都會進行檢查。 – Whothehellisthat
@Whothehellist我不確定底部的答案是什麼意思。它沒有工作。 :( – nakji
元標記在頁面加載時被解析,你不能在稍後更新它們,並期望它們改變任何東西;你需要重新加載,但重新加載將重置更改,所以基本上,你不能這樣做。 .. – dandavis