• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Javascript is conflicting with navtabs and other stuff on profile page

Matthew Hawley

Well-known member
#1
So I wrote then addon that fetches a list of a user's github repositores. The addon makes a profile tab.

When Im on my profile, I can open navtab drop down menus, but when I click on something else, the navtab menus dont close. Also I can open multiple navtab menus.

Also recent activity and postings won't load.

Here is a video showing the problems. http://www.screenr.com/cmVH

And here is the code I am using.

Code:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    $(function() {
        $.ajax({
            type: "GET",
            url: "https://api.github.com/users/{$user.customFields.githubapi}/repos",
            dataType: "json",
            success: function(result) {
                for (i in result) {
                    $("#repo_list").append(
                    "<li><a href='" + result[i].html_url + "' target='_blank'>" +
                    result[i].name + "</a></li>"
                    );
                  
                }
             
            }
        });
});
    </script>

<style type="text/css">
#repos { border: 1px solid #e6e6e6; }

ul #repo_list li
{
    font-size: 11pt;
    background: rgb(241, 241, 241) url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 10px;
    border-bottom: 1px solid rgb(221, 221, 221);
}

.githubTitle
{
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 5px;
    font-size: 15px;
}
</style>

<li id="ourTab" class="profileContent">

    <div class="githubTitle">Repositories </div>
   
    <div id="repos">
        <ul id="repo_list" ></ul>
    </div>
    <div id="repo_content">
   
    </div>
</li>