jquery - Table Header manipulation -


I'm using it as a combination with the Tanner plug-in, my goal is to add an empty class attribute That is to be sorted, that is, when I click on a column, class properties are removed in others.

I have a completely header table, basically what I want to be able to do I click on a table header, I want all the other tables to remove my CSS class But, what I am clicking on should be toggle between two CSS classes. I am using a Reliance Tag inside an anchor tag in the contents of the header, I do this because we are using XHTML strict and Reliance can not be defined in the table header tag. My code is as follows: 

  $ (function () {$ ("a [rel = 'header']). Click (function () {$ (" a [rel = header ' ] () () ($ (This) ($ (this) .attr ("class") == "sort-up") {$ (this) .removeClass ("sort-up");} if ($ {$ (This) .attr ("class") == "sort-down") $ $ (this) .removeClass ("sort-down");}} if ($ (this) .attr ("class") = = "") {$ (This) .addClass ("sort-up");} $ (this) .toggleClass ("sort-down")}}}

I I am assuming that as soon as the header is clicked, there is a cycle through each header, if the class attribute in it is "sort- If it is, then delete it; if it has a class attribute "sort-down", then delete it. Then, for the currently clicked header, add the class attribute "sort-up" and the "sort-down" attribute Toggle between. My problem is that when I click on a header, if it is using the "sort-down" class, which is displayed in the header by the down arrow (/), then I go Clicks the second header in a different column I will remove the "sort-up" class (^), though not to remove the attribute.
Here is a list of my headers in XHTML: 

  & lt; Thead & gt; & Lt; TR & gt; & Lt; Th & gt; & Lt; A rel = "header" href = "#" class = "" & gt; Title & lt; / A & gt; & Lt; / Th & gt; & Lt; Th & gt; & Lt; A rel = "header" href = "#" class = "" & gt; Instructor & lt; / A & gt; & Lt; / Th & gt; & Lt; Th class = "{sorter: 'ur longitude'}" & gt; & Lt; A rel = "header" href = "#" class = "" & gt; Date & lt; / A & gt; & Lt; / Th & gt; & Lt; Th class = "{sorter: wrong}" & gt; Start / End & lt; / Th & gt; & Lt; Th & gt; & Lt; A rel = "header" href = "#" class = "" & gt; Available seats & lt; / A & gt; & Lt; / Th & gt; & Lt; Th & gt; & Lt; A rel = "header" href = "#" class = "" & gt; Nominated & lt; / A & gt; & Lt; / Th & gt; & Lt; Th & gt; & Lt; A rel = "header" href = "#" class = "" & gt; Pre-Needs & lt; / A & gt; & Lt; / Th & gt; & Lt; Th class = "{sorter: wrong}" & gt; Workshop Actions & lt; / Th & gt; & Lt; / TR & gt; & Lt; / Thead & gt;

Waxwing, the stupid mistake was updated with the changes recommended, this works, I was not paying attention to the syntax of hasClass. (Function () {$ ("a [rel = 'header']). Click (function () {$ (" a [rel = 'header'] "). Each (function () {if ($ (this) .hasClass ("sort-up") {$ (this) .removeClass ("sort-up");} if ($ (this) .hasClass ("($ (This) .hasClass ("")) {$ (this) .addClass ("sort-down"). $ (This) .removeClass ("sort-down");}} ("sort-up") AddClass ("Sort-down");} and {$ (.) .removeClass ("sort-down"). AddClass ("sort-up");} ($ (this) .attr ("title") == " Sort order column in ascending order ") {$ (this) .attr ({title:" sorted column in descending order "}) other {$ (this) .attr ({title:" column sorted in ascending order "} );}});}); 

  $ (function () {e}

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