jQuery yeniden boyutlandırmayı yüzde olarak kullanmak için nasıl zorlanır?

Question

Boşluklarımı yeniden boyutlandırmak için yeniden boyutlandırılabilir jQuery'yi kullanmaya çalışıyorum, stop olayından sonra jQuery UI, % değerinimi pixel değerine geri döndürmesi dışında oldukça iyi çalışmam gerekiyor.

Ben ettik burada çalışan bir keman: İlk kez current konteyner sürüklediğinizde http://jsfiddle.net/totszwai/j60h38fy/5/

, doğru bütün değerini hesaplamak, ama stop olaydan sonra, jQuery UI ve% değişim güncellerdi piksele geri dönersiniz ... bir dahaki sefere tekrar sürüklediğinizde,% kaybedilir.

jQuery öğesini genişlik değerini% olarak ayarlamak için nasıl zorlarsınız? Teknik olarak setTimeout gibi bir şey kullanabilirdim, ama bu çok çirkin olurdu.

Ayrıca, piksellerdeki divleri işlemek için bir çözüm istemiyorum çünkü teknik olarak n-div'ları kurulumuma ekleyebilirim ve bu kodun% n'ad'lerle çalışması gerekir.

Benim neighbor div'uma bakarsanız,% orada tutulur, yalnızca current üzerine yazılmıştır. Ayrıca ui.size.width'u% 0'a ayarlamanın yanı sıra ui.element ile oynamayı da denedim, ancak bunların hiçbiri de işe yaramıyor.

Güncelleme: Bir geçici çözüm bu hala nerede stop döner hatalı piksel değeri sorunu çözmüyor Ancak stop etkinliğinde veri her şey saklamak ve asla start de tekrar kontrol etmektir. Güncelleştirilmiş jsFiddle: http://jsfiddle.net/totszwai/j60h38fy/6/

Yalnızca jQuery yeniden boyutlandırılabilir% değerini alırsam, her şey beklendiği gibi çalışır.

Çözüm: apaul34208 yanıtını kabul ettim, çünkü% nasıl kullanılacağını sordum. Ancak, asıl olarak çözmek istediklerimi çözmek için yerine piksel kullanıyorum. Cevabın size yardımcı olması durumunda, below gönderdiğim cevabı görün, lütfen bunun yerine bunu belirtin.

Answer 1

Bu aynı soruna rastladım ve seçilen çözüm benim için işe yaramıyor çünkü herhangi bir sayıdaki sütunları genelleştirmek için buna ihtiyacım var. Ayrıca, codenamezero'nun cevabı orijinal sorunun genişlikler için yüzdelerin kullanılmasını gerektirdiği gerçeğiyle ilgilenmedi.

Genişlik için yüzdeler kullanmakta olan durumum için bir tablo düzenleyicisi uygulandığından ve kaydedilen tablonun nerede oluşturulduğuna bağlı olarak boyutu dinamik olarak değiştirmesi gerektiğinden önemlidir. Diğerleri harcamak kalmamak
http://jsfiddle.net/genpsire/4mywcm1x/14/

$(document).ready(function() { 

    var container = $(".wrapper"); 
    var numberOfCol = 3; 
    $(".test").css('width', 100/numberOfCol +'%'); 

    var sibTotalWidth; 
    $(".test").resizable({ 
     handles: 'e', 
     start: function(event, ui){ 
      sibTotalWidth = ui.originalSize.width + ui.originalElement.next().outerWidth(); 
     }, 
     stop: function(event, ui){  
      var cellPercentWidth=100 * ui.originalElement.outerWidth()/ container.innerWidth(); 
      ui.originalElement.css('width', cellPercentWidth + '%'); 
      var nextCell = ui.originalElement.next(); 
      var nextPercentWidth=100 * nextCell.outerWidth()/container.innerWidth(); 
      nextCell.css('width', nextPercentWidth + '%'); 
     }, 
     resize: function(event, ui){ 
      ui.originalElement.next().width(sibTotalWidth - ui.size.width); 
     } 
    }); 
}); 

bu çözümü seçiniz:

yüzden yüzdeler olarak ayarlanır codenamezero en çözümüne ama durdurmak değişti genişlikleri benzer işleri bu çözüm geldi sabahları apaul34208'in çözümünü n sütunlarına doğru genellemeye çalışarak saçlarını çekiyorlar. (benim gibi!)