javascript - Change items style when moving elements in jquery-ui sortable -


I have two columns, which are jquery-UI sortable, items are selected in the left column, not everyone in the right goes. You can move the objects ( li elements) between the two, each element can be either in the left or right column. The first element in the left column (selected) is not sorted and can not be moved (name id). Elements have different styles in the left column as elements in the right column, each li element in the left column is itself on the line, but they are running in the right column.

Here's an image:

Enter image details here

Everything is working fine, but when the element is growing among the user columns, then I need to change the style of the element (while the moving = left mouse button is down), when left Or on the right column, by changing my style, I mean, when F.E. I am starting moving the element telephone from left to right, when I am more than the right column, this element should change its background color to gray and not be displayed in the entire line, But its width and ad vice versa.

I can not understand how this can be done. Thank you.

You can add it to your sorted options: 

  over : Function (Event, UI) {if ($ (ui.item) .closest ("ul") Haclass ("Interest")} {$ (ui.item) .detach () AppendTo ("# categories-source"); $ (Ui.item). CSS ("width", "initial"); } And {$ (ui.item) .detach () AppendTo ("#Cert -Select"); $ (Ui.item). CSS ("width", "210px"); $ (Ui.item). CSS ("height", "initial"); }}

This right pull depends on the element ul if interest of the previous category.

Update

Also set the appropriate dimensions for the elements that drag (because the left list is one per line).


Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more