Я разработал HTML-страницу, которая использует скрипт tabber.js для создания вкладок на моей странице.Он отлично работает на базовой HTML-странице, когда работает в VS.Однако в DotNetNuke я поместил теги div, которые представляют страницы с вкладками, в контент, используя текстовый редактор, и он не работает.Я не могу поместить это на сайт, который вы можете протестировать, потому что он находится на локальном хосте.
Чтобы включить tabber.js на мою страницу, я ввел этот код на странице ascx моей темы:
protected override void OnPreRender(EventArgs e)
{
string scriptTag = "<script type=\"text/javascript\" src=\"/DotNetNuke/Portals/_default/skins/myBasicSkin/js/tabber.js\" ></script>";
LiteralControl headerscript = new LiteralControl();
headerscript.Text = scriptTag;
Page.Header.Controls.Add(headerscript);
Page.Controls.Add(headerscript);
base.OnPreRender(e);
}
Когда я просматриваю источник в Firefox, тег скрипта действительно отображается на странице, а когда я нажимаю на ссылку скрипта, он показывает скрипт tabber.js, чтобы его можно было найти.Я попытался поместить вызов alert () в tabber.js, чтобы увидеть, будет ли он срабатывать, а он нет.Есть идеи?
Редактировать:
Ниже приведен HTML-код, который я помещаю в свой текстовый редактор в dotnetnuke.После перезагрузки моей машины код запускается, но не изменяет теги div, чтобы они напоминали просмотр с вкладками.Я также поместил эти теги div прямо в элемент управления моей обложки (ascx), но это не имеет значения.Кстати, tabber.js является открытым исходным кодом, и код можно найти здесь: http://www.barelyfitz.com/projects/tabber/tabber.js
<div class="tabber">
<div class="tabbertab">
<h2>Guests</h2>
<div class="content">
<div class="two-column">
<h3>Welcome!</h3>
<p>Our great joy is knowing and serving Christ. We desire to
love Him with all our hearts and glorify Him in all we do. The
purpose Our great joy is knowing and serving Christ. We desire to love Him with all our
hearts and glorify Him in all we do. The purpose of Grace Life Church is to
glorify God by obediently making and equipping disciples of Christ, in the
Shoals and throughout the world, by the power of the Spirit."
</p>
<ul>
<li><a title="Live Streaming, Service Archives, etc." href="http://www.gracelifeshoals.org/worship/listen_online">Listen Online</a></li>
<li><a title="What we believe" href="http://www.gracelifeshoals.org/about_us/statement_of_faith">Our Statement of Faith</a></li>
<li><a title="What to expect when visiting Grace Life" href="http://www.gracelifeshoals.org/worship/what_to_expect">What To Expect </a></li>
</ul>
</div>
</div>
</div>
<div class="tabbertab">
<h2>Members</h2>
<div class="content">
<div class="two-column">
<h3>Grace Life Family</h3>
<p>Members are encouraged to use this site as a resource and
encouragment for their Christian walk. Check here regularly for updates
and information regarding the ministries of Grace Life Church.</p>
<h3>Check out these helpful links:</h3>
<ul>
<li><a href="http://www.gracelifeshoals.org/news_and_events">News & Events</a></li>
<li><a title="Information about Small Groups" href="http://www.gracelifeshoals.org/life/small_groups">Small Groups<br />
</a></li>
<li><a title="The evidence is in the home" href="http://www.gracelifeshoals.org/..life/family_discipleship">Family Discipleship</a></li>
<li><a href="http://www.gracelifeshoals.org/life/worship_and_music">Worship & Music</a></li>
</ul>
</div>
</div>
</div>
<div class="tabbertab">
<h2>Churches</h2>
<div class="content">
<div class="two-column">
<h3>The Local Church</h3>
<p></p>
<p>God has entrusted the ministry of the Gospel to the
local church. At Grace Life, we are striving not to be a <em>great</em>
church but a <em>true </em>church. Believing the Bible to be God’s
inspired, inerrant, and infallible Word, we hold it as our sole rule and
authority.
</p>
<h3>Check out these helpful links:</h3>
<ul>
<li><a title="Visit Anchored in Truth Ministries" href="http://www.anchoredintruth.org/">Anchored in Truth</a></li>
<li><a title="Learn about upcoming conferences" href="http://www.anchoredintruth.org/equipping/conferences_and_seminars">Conferences </a></li>
<li><a title="Visit the Anchored in Truth Store" href="http://store.anchoredintruth.org/">Purchase Resources</a></li>
<li><a title="Watch or Listen online" href="http://www.gracelifeshoals.org/worship/listen_online">Listen Online</a></li>
<li><a title="Contact Us" href="http://www.gracelifeshoals.org/about_us/contact_us">Contact Us</a></li>
</ul>
<p> </p>
</div>
</div>
</div>
</div>