消息時，瀏覽器innerwidth <innerheight與jQuery或JS

我竭力要得到這個工作，並試圖通過不同的問題，如提供了幾種解決方案：Display live width and height values on changing window resize 消息時，瀏覽器innerwidth <innerheight與jQuery或JS

php echo statement if screen is a certain size

+以上但不點鏈接，你明白了。

我不知道爲什麼我不能得到它像預期的那樣......

這裏就是我試圖完成。本頁內容：http://www.websitebuilderexpert.com/website-builders-comparison-chart/ 如果您在谷歌瀏覽器中查看它，並調整瀏覽器窗口的大小，就好像您在手機上查看一樣，會出現一條消息。這就是我想要完成的。該消息是否出現在特定的內部寬度。

在我的網頁我使用jQuery：<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

我嘗試了一些內嵌的JavaScript，如：

<script type="text/javascript"> 
if(window.innerWidth < window.innerHeight) { 
    echo 'Try the mobile version: <a href="example.com">click here</a>'; 
} 
</script>

這似乎是首選的方法

也試過：

<script type="text/javascript"> 
if($(window).width() < 600) 
{ 
echo 'print something'; 
} 
</script>

我絕對是一個noob，當談到JavaScript，所以我不除了嘗試我在這裏找到的大量建議之外，我真的知道自己在做什麼。

任何人都可以指向正確的方向或提供一些指導嗎？我非常感謝！謝謝你的時間和考慮。

來源

2016-12-14 user5732656

爲什麼你使用回聲沒有打開和關閉php標籤？ – 2016-12-14 18:40:15

'echo'是一個PHP語言結構。 JavaScript中沒有這樣的東西。也許你的意思是警惕（'嘗試移動版本：click here'）;'？ –

您的解決方案基本正確，但您使用的是echo。 echo是一個PHP語言結構。 JavaScript中沒有這樣的東西。您最有可能打算使用alert()，如alert('Try the mobile version: <a href="example.com">click here</a>');？

這會做你想要什麼：

<script type="text/javascript"> 
if(window.innerWidth < window.innerHeight) { 
    alert('Try the mobile version: <a href="example.com">click here</a>'); 
} 
</script>

這裏的a working jsFiddle。

注意：通過查看your browser's JavaScript console，您可能已經看到了該錯誤（類似於「Uncaught SyntaxError：Unexpected string」）。

來源

2016-12-14 18:42:18

嗨Ed，謝謝我想我只是無意識地把回聲放在那裏，因爲我有點熟悉PHP我只是在這個頁面上嘗試它：（http://thegamerstop.com/gamelist-az.php），但它仍然不工作。我查看了源代碼，它與您寫的完全一樣，但不工作= /頁面上是否有其他內容使其無法正常工作或打印？ – user5732656

@ user5732656當您加載該頁面時，您在控制檯中看到了什麼？ –

嗨@Ed，謝謝你回到我身邊。好吧，我能夠看到警報，但只有在刷新頁面時才加載，當window.innerWidth user5732656

消息時，瀏覽器innerwidth <innerheight與jQuery或JS

回答

相關問題