Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Jquery UI Buggt mit minWidth

Frage Entwicklung JavaScript

Mitglied: B-free

B-free (Level 1) - Jetzt verbinden

19.09.2014 um 20:13 Uhr, 1065 Aufrufe, 2 Kommentare

Hallo,

ich habe angefangen ein Online OS zu basteln. Ich probiere es jedenfalls...

mein momentanes Problem ist, dass es anscheinend nicht möglich ist eine minWidth (Jquery UI reziable plugin) für einzelne windows zu definieren.
(halbe stunde google half nicht )

Wenn ich das Fenster kleiner als die minWidth ziehe, wird es so breit wie die gesamte (restliche) Seite.

Bsp: (http://badnote.pfweb.eu/)

Code:
CSS:
01.
#desktop { 
02.
	height:calc(100% - 50px); 
03.
	top:0; 
04.
	position: absolute; 
05.
	width: 100%; 
06.
07.
 
08.
.window { 
09.
	z-index:999; 
10.
	display: block; 
11.
	width:700px; 
12.
	height:500px; 
13.
	position: absolute; 
14.
	transition: .5s; 
15.
	 
16.
	background:rgba(113, 113, 113, 0.41); 
17.
}
(nur das wichtige)

JS:
01.
		$( ".dragable" ).draggable({ 
02.
			cancel: ".inner, .controls",  
03.
			snap: "#desktop",  
04.
			snapMode: "inner",  
05.
			snapTolerance: "10" 
06.
		}); 
07.
 
08.
		$( ".dragable" ).resizable({ 
09.
			containment: "#desktop", 
10.
			handles : 'e, n, s, w, se', 
11.
			minWidth: window.info.minWidth, 
12.
			minHeight: window.info.minHeight 
13.
		}); 
14.
 
15.
		console.log(window.info); 
16.
 
17.
		$( ".dragable" ).removeClass('dragable');
(auch nur das wichtige)

window.info.minWidth bzw. window.info.minHeight enthalten valide angaben. (siehe Konsolen output)


Tschau
B-Free
Mitglied: aqui
19.09.2014, aktualisiert um 21:00 Uhr
Bei Safari passiert das nicht. Man kann wunderbar das Fenster resizen auch auf den kleinsten Wert. Funktioniert alles wie es soll.....
Nun kommt aber das "aber"....
Sowie du das Fenster Mit Klick und halten auf dem "Welcom to.." Balken aus der Default Position verschiebst tritt das von dir oben beschriebene ein.
Lässt du es brav auf seiner angestammten Position nach dem Login rennt es fehlerlos...
Bitte warten ..
Mitglied: B-free
19.09.2014, aktualisiert um 21:55 Uhr
Zitat von aqui:
Sowie du das Fenster Mit Klick und halten auf dem "Welcom to.." Balken aus der Default Position verschiebst tritt das
von dir oben beschriebene ein.
Lässt du es brav auf seiner angestammten Position nach dem Login rennt es fehlerlos...

Also ich kann das nicht reproduzieren. bei mir springt er immer. egal was ich tue. (Chrome, Opera, Firefox und IE)

[edit:]
Kann den bug generell nicht in JSFiddle reproduzieren.
Bitte warten ..
Ähnliche Inhalte
Server
Fehler in jQuery (7)

Frage von Yanmai zum Thema Server ...

Webentwicklung
gelöst HTML 5 Sterne Bewertung buggt (7)

Frage von Yanmai zum Thema Webentwicklung ...

JavaScript
gelöst Jquery Formular absenden (1)

Frage von tobmes zum Thema JavaScript ...

Heiß diskutierte Inhalte
Verschlüsselung & Zertifikate
gelöst Festplattenverschlüsselung im Ausland (13)

Frage von Nicolaas zum Thema Verschlüsselung & Zertifikate ...

Windows Server
gelöst Microsoft-Lizenz CALs und passendes Server-Betriebssystem (12)

Frage von planetIT2016 zum Thema Windows Server ...

Festplatten, SSD, Raid
gelöst Fehlerhafte Blöcke im RAID 10 (12)

Frage von Kojak-LE zum Thema Festplatten, SSD, Raid ...

Netzwerkgrundlagen
gelöst Cisco SG500 Series LAG hat sich von selbst umgestellt (11)

Frage von Ex0r2k16 zum Thema Netzwerkgrundlagen ...