Differences
This shows you the differences between two versions of the page.
|
litespeed_wiki:cache:litemage:troubleshooting:drop_down_menu_disappear [2017/12/19 21:30] Jackson Zhang created |
litespeed_wiki:cache:litemage:troubleshooting:drop_down_menu_disappear [2017/12/19 21:40] (current) Lisa Clarke |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== Drop down menu disappear after LiteMage enabled ====== | + | ====== Drop Down Menu Disappears After LiteMage is Enabled ====== |
| - | There are some drop up menus on top of the page of magento store, similar to the following: | + | There is a drop down menu at the top of a Magento store page, similar to the following: |
| {{ :litespeed_wiki:cache:litemage:troubleshooting:litemage1_drop_down_menu_disappear.png?800 |}} | {{ :litespeed_wiki:cache:litemage:troubleshooting:litemage1_drop_down_menu_disappear.png?800 |}} | ||
| - | But after LiteMage enabled, the drop-down menus disappear: | + | But after LiteMage is enabled, the drop-down menu disappears: |
| {{ :litespeed_wiki:cache:litemage:troubleshooting:litemage1_drop_down_menu_disappear2.png?800 |}} | {{ :litespeed_wiki:cache:litemage:troubleshooting:litemage1_drop_down_menu_disappear2.png?800 |}} | ||
| - | You can check details from Chrome/Firefox development tool->console-> Default levels, you may find a lot of errors:''Uncaught ReferenceError: jQuery is not defined''. It is a signal that some Javascript minifier may have been used and you should disable it if you can. | + | If you look in the Chrome/Firefox development tool under **Console > Default levels**, you may find a lot of errors like the following:''Uncaught ReferenceError: jQuery is not defined''. This is a signal that a JavaScript minifier may have been used. You should disable it if you can. |
| {{ :litespeed_wiki:cache:litemage:troubleshooting:litemage1_drop_down_menu_disappear3.png?800 |}} | {{ :litespeed_wiki:cache:litemage:troubleshooting:litemage1_drop_down_menu_disappear3.png?800 |}} | ||
| Line 12: | Line 12: | ||
| LiteMage uses ESI to hole-punch certain blocks, which are then used by LiteSpeed Web Server when assembling the main HTML page. Each ESI block generates a separate HTTP response, and each of these responses passes through the JavaScript Minifier filter. When a hole-punched (ESI) block also contains JavaScript, the JavaScript Minifier filter processes the partial HTML as if it were an independent page, causing incompatible JavaScript references for the rest of the assembled main HTML page. | LiteMage uses ESI to hole-punch certain blocks, which are then used by LiteSpeed Web Server when assembling the main HTML page. Each ESI block generates a separate HTTP response, and each of these responses passes through the JavaScript Minifier filter. When a hole-punched (ESI) block also contains JavaScript, the JavaScript Minifier filter processes the partial HTML as if it were an independent page, causing incompatible JavaScript references for the rest of the assembled main HTML page. | ||
| - | Locate the module throwing this error (in this example, the PageSpeed module), and either disable it, or modify its configuration settings. For this case, PageSpeed's JavaScript “Enabled” setting had to be changed from “Yes” to “No”. | + | Locate the module throwing this error (in this example, it's the PageSpeed module), and either disable it, or modify its configuration settings. For this case, **PageSpeed > JavaScript > Enabled** had to be changed from ''Yes'' to ''No''. |
| {{ :litespeed_wiki:cache:litemage:troubleshooting:pagespeed-js-error.png?600 |}} | {{ :litespeed_wiki:cache:litemage:troubleshooting:pagespeed-js-error.png?600 |}} | ||