• 08-04-2014, 03:14:06
    #1
    açıklamasını basamakların arasına yazdın kısaca.
    amacım <li ><a href="#tabkaynak-2" data-toggle="tab">Kaynak #2</a></li> bir sonraki olan <li ><a href="#tabkaynak-3" data-toggle="tab">Kaynak #3</a></li> şeklinde oluşturmak.
    <button class="btn btn-primary addCustomEmbed" data-type="normal"><span class="icomoon-icon-download-2 white"></span> Kaynak Ekle</button>
    <ul class="nav nav-tabs part_list">
    <li class="active"><a href="#tab720p" data-toggle="tab">720p</a></li>
    <li ><a href="#tabnosubtitle" data-toggle="tab">nosubtitle</a></li>
    <li ><a href="#tabtr" data-toggle="tab">tr</a></li>
    <li ><a href="#tabsubtitle" data-toggle="tab">subtitle</a></li>
    <li ><a href="#tabkaynak-1" data-toggle="tab">Kaynak #1</a></li>
    <li ><a href="#tabkaynak-2" data-toggle="tab">Kaynak #2</a></li>
    </ul>
    $('.addCustomEmbed').live('click',function(){
    var str = $('ul.part_list').each("a[data-type=tab]");
    //bütün data-type 'ları alıp içinde tabkaynak olanları seçip sayısını bulmam lazım
    var re = new RegExp('#tabkaynak');
    var myArray = str.match(re);
    var size  = parseInt(myArray.length);
    //data-type 'larda tabkaynak filtresi yaptıktan sonra bunların toplam sayısını elde etmek istedim.
    var r = 'kaynak-'+size;
    $('ul.part_list').append('<li class="active"><a data-toggle="tab" href="#tab'+r+'">Kaynak #'+sizem+'</a></li>');
    //amaç <li ><a href="#tabkaynak-3" data-toggle="tab">Kaynak #3</a></li>
    //şeklinde bir sonraki adeti eklemek.
    return false;
    });
    });
  • 08-04-2014, 10:49:17
    #2
    Kimlik doğrulama veya yönetimden onay bekliyor.
    http://jsfiddle.net/xuma/3xbue/
    $('.addCustomEmbed').on('click',function(){
      var str= $('<div id="gecici">').append($('ul.part_list').find("a[data-toggle=tab]").clone()).html();
      var pattern = /#tabkaynak-([0-9]+)/gi;
      var myArray = str.match(pattern);
      var newArray=[];
      $.each(myArray,function(i,v){ newArray.push(v.split('-')[1])});
      var newNum= Number(newArray[newArray.length-1])+1;
      $('.part_list li').removeClass('active');
      $('ul.part_list').append('<li class="active"><a data-toggle="tab" href="#tabkaynak-'+newNum+'">Kaynak #'+newNum+'</a></li>');
      return false;
    });
  • 08-04-2014, 14:42:20
    #3
    xuma adlı üyeden alıntı: mesajı görüntüle
    http://jsfiddle.net/xuma/3xbue/
    $('.addCustomEmbed').on('click',function(){
      var str= $('<div id="gecici">').append($('ul.part_list').find("a[data-toggle=tab]").clone()).html();
      var pattern = /#tabkaynak-([0-9]+)/gi;
      var myArray = str.match(pattern);
      var newArray=[];
      $.each(myArray,function(i,v){ newArray.push(v.split('-')[1])});
      var newNum= Number(newArray[newArray.length-1])+1;
      $('.part_list li').removeClass('active');
      $('ul.part_list').append('<li class="active"><a data-toggle="tab" href="#tabkaynak-'+newNum+'">Kaynak #'+newNum+'</a></li>');
      return false;
    });
    şöyle küçük bir sorun çıktı.
    <button class="btn btn-primary addCustomEmbed" data-type="normal"><span class="icomoon-icon-download-2 white"></span> Kaynak Ekle</button>
    <ul class="nav nav-tabs part_list">
    <li class="active"><a href="#tab720p" data-toggle="tab">720p</a></li>
    <li ><a href="#tabnosubtitle" data-toggle="tab">nosubtitle</a></li>
    <li ><a href="#tabtr" data-toggle="tab">tr</a></li>
    <li ><a href="#tabsubtitle" data-toggle="tab">subtitle</a></li>
    </ul>
    <div id="gizli"></div>
    şeklinde tabkaynak linklerinin olmadığını varsayarsak kod çalışmıyor.
    $('.addCustomEmbed').on('click',function(){
      var str= $('<div id="gecici">').append($('ul.part_list').find("a[data-toggle=tab]").clone()).html();
      var pattern = /#tabkaynak-([0-9]+)/gi;
      var myArray = str.match(pattern);
        if(myArray==null) {var myArray = 1; }
    //yukardaki işe yaramadı.
      var newArray=[];
      $.each(myArray,function(i,v){ newArray.push(v.split('-')[1])});
      var newNum= Number(newArray[newArray.length-1])+1;
      $('.part_list li').removeClass('active');
      $('ul.part_list').append('<li class="active"><a data-toggle="tab" href="#tabkaynak-'+newNum+'">Kaynak #'+newNum+'</a></li>');
      return false;
    });
    denedim ama olmadı.
  • 08-04-2014, 21:10:12
    #4
    Misafir
    Böyle de olur?
    Daha doğrusu böyle olur...
    #tabkaynak linklerini silerseniz

    #tabkaynak-1 den başlar...



    http://codepen.io/idilmiray/pen/ikFvd/










    *
    • ufukt51
    ufukt51 bunu beğendi.
    1 kişi bunu beğendi.
  • 08-04-2014, 21:37:18
    #5
    @CssValley; teşekkürler daha sağlıklı oldu. daha kısa olmuş regex kullanmaya gerek kalmamış buna benzer denemiştim ama olmamıştı.