Git Product home page Git Product logo

ion.tabs's Introduction

Hi there 👋

Welcome to the home of your favorite Range Slider library! With over 10 years of active maintenance, the Ion.RangeSlider repo continues to evolve and serve the community.

Our library is the culmination of many years of dedicated effort, and we are excited to announce that version 3.0 is under development! This update is based on TypeScript and features zero dependencies.

If you appreciate the work we do, consider showing your support in one of the following ways:

You can buy me a coffee or support my work in other ways:

You can also:

ion.tabs's People

Contributors

ionden avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ion.tabs's Issues

back button support

navigate between tabs, when you press back the url changes but not the active tab

ion.tabs not initializing correctly in Chrome

10-15-2015 5-31-15 pm

Noticed the other day there's a small issue with the initialization of the plugin in Chrome.

Instead of the content displaying when the page is first visited, it shows nothing. (See image). I'm using Storage to initialize the object.

Doesn't happen in IE or FireFox. Thoughts?

Here's the init code:

<script type="text/javascript">
$(document).ready(function(){
$.ionTabs("#tabs_1",
{ type: "storage",
onChange: function(obj){
console.log(obj);
}
});
});

</script>

Missing tabs activated

I am using this plugin on pages with dynamic content and i am using the local storage for saving active tabs. When the pages are loaded it can happen that a tab which is saved in the local storage doesnt exist any more (got deleted on another menu).

The plugin still tries to activate that not existing tab and this results in an empty page. To prevent that i modified line 199 in the js file.

before

if ( url[name] ) {

after

if ( url[name] && $("#Button__" + name + "__" +url[name]).length ) {

This way in case of a missing tab the first one is loaded. Is there a better way to achieve that?

Скрывать вкладки, если они ничего не содержат

Отпишусь о том, чего мне не хватает в плагине, так как верхняя часть html кода <ul class="ionTabs__head"> у меня заранее прописана в коде страницы, то в редакторе прописываю только дивы <div class="ionTabs__body">, но бывает так, что не всегда во вкладке есть текст, поэтому не хватает возможности делать вкладки неактивными, или скрывать их, если div не заполнен. Я думаю, что многие столкнулись с такой же проблемой.

Tabs in tabs

Здравствуйте. Подскажите пожалуйста, должны ли табы работать внутри табов? Сейчас таб, который вложен в другой таб, переписывает в хэше название родительского таба своим, получается у двух групп одинаковые табы.

Пример: TabGroup1 => tabA - в нем еще одна группа TabGroup2 => tabB
При клике на вкладки TabGroup2 в строке адреса послучается TabGroup1:tabB | TabGroup2:tabB

Icon support and Ajax content?

Is it possible to add images or icon-font to the tabs?

Also, is it possible to load external pages through Ajax when you select a tab?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.