屏幕尺寸检测后冷敷

Question

我正在建立一个响应式网站,我希望能够使用javascript来获取屏幕大小,然后根据屏幕大小渲染一个coldfusion.像这样的东西:

if (screen.width <= 700) {
     <cfinclude template="file1.cfm">
} else {
     <cfinclude template="file.cfm">
}

我也试过通过.ajax()加载,但是当我在cfm文件中包含已包含的文件时,我会陷入困境.

Answer 1

JavaScript是客户端.ColdFusion是服务器端.如果你想混合两者,你需要Ajax.你应该尝试更多像使用jQuery轻松实现Ajax:

// LOOK AT THE SCREEN WIDTH
if (screen.width <= 700) {
     // LOAD THE PAGE INTO THE CORRECT SIZED DIV
     $("#YourDiv").load("ColFusionFile-01.cfm");
} else {
     // LOAD THE PAGE INTO THE CORRECT SIZED DIV
     $("#YourDiv").load("ColFusionFile-02.cfm");
}

或者,您可能想要重定向它们:

// LOOK AT THE SCREEN WIDTH
if (screen.width <= 700) {
     // SEND THE VISITOR TO THE CORRECT SIZED PAGE
     window.location.href = "ColFusionFile-01.cfm"
} else {
     // SEND THE VISITOR TO THE CORRECT SIZED PAGE
     window.location.href = "ColFusionFile-02.cfm"
}