I am trying to transfer an HTML/CSS/JS prototype into Sitefinity. The theme is setup with the CSS reading in correctly. The page template is also reading correctly via the .master page I created. However, some functionality is not reading correctly.
I have attached a file that shows what is not working. This includes: a megamenu clicking functionality, off-canvas menu clicking functionality, and accordian clicking functionality--all the clicking! :) All of this is built under the Zurb Foundation base.
- Sitefinity Feather is installed, and Foundation is there; but I am using a custom .master page that is Foundation-based. I am not using the Foundation grid in page templates via Sitefinity Admin.
- I have a no-conflict script going, as described by Sitefinity. I'm not confident I am using it correctly, but it looks to be following those instructions. I use this no-conflict on our current live site okay. It's not working in this new site development I'm building though.
This is the only thing in the way of my continuing development. Any help would be greatly appreciated. I should also note that I am not a .NET guru, so assistance with terminology is also appreciated if it gets to be a complex fix in this language.
Thank you in advance for your time and help.
I have reviewed other posts related to this topic in the forums, but I feel like there are mixed approaches. Below is my current code for implementing scripts. Is this going in the right direction? I still can't get the scripts to read though...
<%@ Master Language="C#" AutoEventWireup="true" %>
<%@ Register Assembly="Telerik.Sitefinity" Namespace="Telerik.Sitefinity.Web.UI.PublicControls" TagPrefix="sf" %>
<%@ Register Assembly="Telerik.Sitefinity" Namespace="Telerik.Sitefinity.Web.UI" TagPrefix="sf" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
>sc = jQuery.noConflict(true);</
Inline, I can get this script to work, my code below:
document.getElementById("demo").innerHTML = "This Works!";
But - it works and then disappears in a second. The script doesn't stick.
But - if I change the <button> to be a <div> instead, it works.
What is going on with the <button> tag? I don't understand.