2017-10-31 1 views
0

Wenn Sie einen benutzerdefinierten Cursor auf Ihrer Seite verwenden, setzt resizable() Plug-in es nach Interaktion auf Standardzeiger zurück. Ich überprüfte die Plugin-Dokumentation unter https://jqueryui.com/resizable/, aber es gibt keine Erklärung für das Deaktivieren des Plugins die Größenänderungscursor, um den benutzerdefinierten Cursor der Seite immer zu behalten. Gibt es einen hacky Weg, dies zu erreichen?jQuery Resizable Plugin Cursor Corruption

$("#resizable").resizable(
{ 
    //hack 
}); 
+0

Deaktivieren Sie alle Cursor .. Bedeutung? –

+0

Sie möchten den Zeigerstil beibehalten, der vor dem Anwenden der Größenänderung vorhanden war? –

+0

@SubhrajyotiDas Definitiv gefällt mir das. Aber ich möchte auch keine integrierten Größencursor anzeigen. Ich möchte nur, dass der benutzerdefinierte Cursor immer angezeigt wird. –

Antwort

0

Versuchen Sie folgendes:

$("#resizable").resizable({ 
    resize: function(event, ui) { 
    $("#resizable").css('cursor','pointer'); 
    //more css styles here 
    }, 
    containment: "#container" 
}); 
+0

Ja, ich habe den Code über –

+0

'containment 'aktualisiert? Für den Cursor müssen Sie den gewünschten Stil hinzufügen in der Funktion –

+0

für "containment" Sie können Höhe und Breite des Containers wie in seiner Dokumentation –