Materializecss not working on imported jsp page
<p>I have a main jsp page with a navigation and menu bar with dropdowns, all works correctly. Based on options selected by the user a particular jsp page is imported using:</p>

<pre><code>&lt;c:import url="pageName.jsp"/&gt;
</code></pre>

<p>This imported jsp also has dropdown menus on a nav bar, but don't work. From what I can tell the "data-activates" is not being picked up.</p>

<p>Sample list item code:</p>

<p>Menu bar item:</p>

<pre><code>&lt;li id="idMenuDynamicGroup_sort"&gt;
    &lt;a class="dropdown-button" href="#!" data-constrainwidth="false" data-activates="sort-dropdown"&gt;
        &lt;i class="material-icons color-menu-font"&gt;sort_by_alpha&lt;/i&gt;
    &lt;/a&gt;
&lt;/li&gt;
</code></pre>

<p>Linked menu:</p>

<pre><code>&lt;c:forEach var="map" varStatus="s_map" items="${on_List.orderMap}"&gt;
&lt;c:set var="imgName" value="${map.value &gt; 0 ? 'arrow_upward':'arrow_downward'}" /&gt;
&lt;li&gt;
  &lt;a href="javascript: void(0);" onclick="sortByLink(this,'list&amp;action=setOrder&amp;orderRef=${map.value}',${on_List.isSubsetList});"&gt;
      &lt;i class="material-icons right" style="font-size:12px;"&gt;${imgName}&lt;/i&gt;
        &amp;nbsp;${map.key}
  &lt;/a&gt;
&lt;/li&gt;
</code></pre>

<p></p>

<p>All materialize and jquery CDNs are imported at the top of the main page, and the </p>

<pre><code>&lt;script&gt;$(document).ready(onLoadForm());&lt;/script&gt;
</code></pre>

<p>is run at the bottom of the main page.</p>

<p>This menu works perfectly on the main page, but does not display on the imported page</p>

<p>Any advice?</p>