Views Ajax pager works in preview but not directly in custom theme [#1983016]

I have created a view that uses an ajax pager. When I preview it, the ajax pager works perfectly but does not work when accessing the view directly.

This is a problem in my custom theme but is NOT a problem in bluemarine.

I have searched extensively and seen people have similar problems but none seem to resolve my issue. I suspect it is something to do with the load order of scripts. I have tried putting the view in different regions but it is still not working. I have tried recreating a new view and putting it in different places. In both my custom theme and bluemarine, I can see the ajax_view.js script loaded.

Below are examples of the source:

Bluemarine (working):

Custom Theme (not working):

Comments

Comment #1

macman CreditAttribution: macman commented 30 April 2013 at 05:20

Bluemarine (working):

  <script type="text/javascript" src="/misc/jquery.js?F"></script>
<script type="text/javascript" src="/misc/drupal.js?F"></script>
<script type="text/javascript" defer="defer" src="/sites/all/modules/admin_menu/admin_menu.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/google_analytics/googleanalytics.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/lightbox2/js/lightbox.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/megamenu/megamenu.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/panels/js/panels.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/video/js/video.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/views/js/base.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/views/js/ajax_view.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/jquery_ui/jquery.ui/ui/minified/ui.core.min.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/jquery_ui/jquery.ui/ui/minified/ui.draggable.min.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/jquery_ui/jquery.ui/ui/minified/ui.droppable.min.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/jquery_ui/jquery.ui/ui/minified/ui.sortable.min.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/context/plugins/context_reaction_block.js?F"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/", "admin_menu": { "margin_top": 1 }, "googleanalytics": { "trackOutgoing": 1, "trackMailto": 1, "trackDownload": 1, "trackDownloadExtensions": "7z|aac|arc|arj|asf|asx|avi|bin|csv|doc|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls|xml|z|zip" }, "lightbox2": { "rtl": 0, "file_path": "/(\\w\\w/)files", "default_image": "/sites/all/modules/lightbox2/images/brokenimage.jpg", "border_size": 10, "font_color": "000", "box_color": "fff", "top_position": "", "overlay_opacity": "0.8", "overlay_color": "000", "disable_close_click": 1, "resize_sequence": 0, "resize_speed": 400, "fade_in_speed": 400, "slide_down_speed": 600, "use_alt_layout": 0, "disable_resize": 0, "disable_zoom": 1, "force_show_nav": 0, "show_caption": true, "loop_items": 0, "node_link_text": "", "node_link_target": 0, "image_count": "", "video_count": "", "page_count": "", "lite_press_x_close": "press \x3ca href=\"#\" onclick=\"hideLightbox(); return FALSE;\"\x3e\x3ckbd\x3ex\x3c/kbd\x3e\x3c/a\x3e to close", "download_link_text": "", "enable_login": false, "enable_contact": false, "keys_close": "c x 27", "keys_previous": "p 37", "keys_next": "n 39", "keys_zoom": "z", "keys_play_pause": "32", "display_image_size": "original", "image_node_sizes": "()", "trigger_lightbox_classes": "", "trigger_lightbox_group_classes": "", "trigger_slideshow_classes": "", "trigger_lightframe_classes": "", "trigger_lightframe_group_classes": "", "custom_class_handler": 0, "custom_trigger_classes": "", "disable_for_gallery_lists": true, "disable_for_acidfree_gallery_lists": true, "enable_acidfree_videos": true, "slideshow_interval": 5000, "slideshow_automatic_start": true, "slideshow_automatic_exit": true, "show_play_pause": true, "pause_on_next_click": false, "pause_on_previous_click": true, "loop_slides": false, "iframe_width": 600, "iframe_height": 400, "iframe_border": 1, "enable_video": 0 }, "views": { "ajax_path": "/views/ajax", "ajaxViews": [ { "view_name": "home_feature", "view_display_id": "block_4", "view_args": "", "view_path": "node/1", "view_base_path": null, "view_dom_id": 4, "pager_element": 2 } ] } });
//--><!]]>
</script>
  <script type="text/javascript"> </script>

Custom Theme (not working):

<script type="text/javascript" src="/misc/jquery.js?F"></script>
<script type="text/javascript" src="/misc/drupal.js?F"></script>
<script type="text/javascript" defer="defer" src="/sites/all/modules/admin_menu/admin_menu.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/google_analytics/googleanalytics.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/lightbox2/js/lightbox.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/megamenu/megamenu.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/panels/js/panels.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/video/js/video.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/jquery_ui/jquery.ui/ui/minified/ui.core.min.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/jquery_ui/jquery.ui/ui/minified/ui.draggable.min.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/jquery_ui/jquery.ui/ui/minified/ui.droppable.min.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/jquery_ui/jquery.ui/ui/minified/ui.sortable.min.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/context/plugins/context_reaction_block.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/views/js/base.js?F"></script>
<script type="text/javascript" src="/sites/all/modules/views/js/ajax_view.js?F"></script>
<script type="text/javascript" src="/sites/all/themes/byron_council/js/base.js?F"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/", "admin_menu": { "margin_top": 1 }, "googleanalytics": { "trackOutgoing": 1, "trackMailto": 1, "trackDownload": 1, "trackDownloadExtensions": "7z|aac|arc|arj|asf|asx|avi|bin|csv|doc|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls|xml|z|zip" }, "lightbox2": { "rtl": 0, "file_path": "/(\\w\\w/)files", "default_image": "/sites/all/modules/lightbox2/images/brokenimage.jpg", "border_size": 10, "font_color": "000", "box_color": "fff", "top_position": "", "overlay_opacity": "0.8", "overlay_color": "000", "disable_close_click": 1, "resize_sequence": 0, "resize_speed": 400, "fade_in_speed": 400, "slide_down_speed": 600, "use_alt_layout": 0, "disable_resize": 0, "disable_zoom": 1, "force_show_nav": 0, "show_caption": true, "loop_items": 0, "node_link_text": "", "node_link_target": 0, "image_count": "", "video_count": "", "page_count": "", "lite_press_x_close": "press \x3ca href=\"#\" onclick=\"hideLightbox(); return FALSE;\"\x3e\x3ckbd\x3ex\x3c/kbd\x3e\x3c/a\x3e to close", "download_link_text": "", "enable_login": false, "enable_contact": false, "keys_close": "c x 27", "keys_previous": "p 37", "keys_next": "n 39", "keys_zoom": "z", "keys_play_pause": "32", "display_image_size": "original", "image_node_sizes": "()", "trigger_lightbox_classes": "", "trigger_lightbox_group_classes": "", "trigger_slideshow_classes": "", "trigger_lightframe_classes": "", "trigger_lightframe_group_classes": "", "custom_class_handler": 0, "custom_trigger_classes": "", "disable_for_gallery_lists": true, "disable_for_acidfree_gallery_lists": true, "enable_acidfree_videos": true, "slideshow_interval": 5000, "slideshow_automatic_start": true, "slideshow_automatic_exit": true, "show_play_pause": true, "pause_on_next_click": false, "pause_on_previous_click": true, "loop_slides": false, "iframe_width": 600, "iframe_height": 400, "iframe_border": 1, "enable_video": 0 }, "views": { "ajax_path": "/views/ajax", "ajaxViews": [ { "view_name": "home_feature", "view_display_id": "block_4", "view_args": "", "view_path": "node/1", "view_base_path": null, "view_dom_id": 3, "pager_element": 2 } ] } });
//--><!]]>
</script>

Comment #2

merlinofchaos CreditAttribution: merlinofchaos commented 30 April 2013 at 15:21

It is unlikely to be the load order of the scripts.

It is far more likely that some custom .js in your theme is causing javascript to crash. Are there any errors in your browser's javascript console? What if you remove the custom theme's base.js?

Comment #3

macman CreditAttribution: macman commented 1 May 2013 at 00:39

Thanks for your reply. I tried manually removing the php print of $scripts and manually adding them in one at a time. At first there were javascript errors because of dependent scripts. That shows me that I was looking in the right place for the javascript errors. However, even with minimal scripts, it wasn't resolved. Thanks again. Any further suggestions?

Cheers
Chris

Comment #4

merlinofchaos CreditAttribution: merlinofchaos commented 1 May 2013 at 00:51

Are there any errors in your browser's javascript console?

Comment #5

merlinofchaos CreditAttribution: merlinofchaos commented 1 May 2013 at 00:52

In general, if something works in a stock theme, but doesn't work in a custom theme, it's pretty easy to assume that something is wrong in that theme. Maybe it's breaking the javascript, or maybe it's breaking needed IDs. It's hard to say, but I feel confident the theme is at fault.

Comment #6

macman CreditAttribution: macman commented 6 May 2013 at 22:24

Thanks Merlin

I get that and understand this probably isn't a views issue. However, I'd really appreciate some guidance on how to troubleshoot this further. I've tried eliminating js files. Any further advice?

Cheers
Chris