I read on google this has something to do with the headerincludetemplate and jquery loading twice. I could not find the issue myself thats why i ask here.
Headerinclude code
Code:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>
<script type="text/javascript">
if (typeof jQuery == 'undefined')
{
document.write(unescape("%3Cscript src='images/df/js/jquery-1.8.1.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script type="text/javascript" src="images/df/js/df.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('.dropDownHook span').on('click', function() {
$(this).parents('.dropDownHook').children('.dropDownContent').stop(true, true).slideToggle('fast', function() {
if ($('.dropDownContent').is(':visible')) {
// This alters the content of the "hook" when we open the drop down
$('.dropDownHook span').html('Welcome {$mybb->user['username']} ');
}
else {
// This alters the content of the "hook" when we close the dropdown
$('.dropDownHook span').html('Welcome {$mybb->user['username']} ');
}
});
});
$('html').on('click', function() {
$('.dropDownContent:visible').slideToggle('fast');
});
$('.dropDownHook > *').on('click', function(event) {
event.stopPropagation();
});
});
</script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/mood.js?ver=1800"></script>{$stylesheets}
<link rel="stylesheet" href="{$mybb->settings['bburl']}/images/df/font/font-awesome.min.css">
<link rel="stylesheet" href="{$mybb->settings['bburl']}/images/df/font/font-awesome-ie7.min.css">
<script type="text/javascript">
<!--
var cookieDomain = "{$mybb->settings['cookiedomain']}";
var cookiePath = "{$mybb->settings['cookiepath']}";
var cookiePrefix = "{$mybb->settings['cookieprefix']}";
var deleteevent_confirm = "{$lang->deleteevent_confirm}";
var removeattach_confirm = "{$lang->removeattach_confirm}";
var loading_text = '{$lang->ajax_loading}';
var saving_changes = '{$lang->saving_changes}';
var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
var my_post_key = "{$mybb->post_code}";
var imagepath = "{$theme['imgdir']}";
// -->
</script>
{$newpmmsg}
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
$(".stab_content").hide();
$("ul.stabs li:first").addClass("active").show();
$(".stab_content:first").show();
$("ul.stabs li").click(function() {
$("ul.stabs li").removeClass("active");
$(this).addClass("active");
$(".stab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>I hope someone could take a look whats wrong in the headerinclude template.