jQuery click function vs inline onclick -


I am trying to reconfigure my code and make it more careless.

Mainly, a link to an action if you click on the link, action is taken through AJAX (the AJAX code is not on the code here) and the text is replaced by the second lesson , Which gives the user the ability to undo the operation. If the user clicks on the previous link, then Ajax restores the previous state and shows the text that he performs the work shown to the user again.

I have the same HTML file (code below) of my problem. There are two paragraphs if you click on the first paragraph link, which uses inline onclick calls, the code works as expected, but if you click on the link of the second paragraph, which uses the jQuery onclick function So, the undo link is not working, and I do not know why.

Any help? Thanks a lot! 

  & lt ;! DOCTYPE html public "- // W3C // DTT XHTML 1.0 Strongly // n" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" & gt; & Lt; Html xmlns = "http://www.w3.org/1999/xhtml" xml: lang = "en" lang = "en" & gt; & Lt; Top & gt; & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; Title & gt; & Lt; / Title & gt; & Lt; Script src = "http://code.jquery.com/jquery-latest.js" & gt; & Lt; / Script & gt; & Lt; Script & gt; $ (Function () {$ (". Add2") (function () {var placeId = $ (this) .parents (". Place"). Attr ("id"); $ ("#" + placeId + ".add2") Remove (); $ ("#" + location id + "action."). Attachment ("& lt; span class = \" added \ "& gt; added! & Lt; / Span & gt; & lt; a click (function {} {var placeId = $ (this)) = $ (".addoadd2". ("Span.added, a.add2"). ($) "$" (".", "$" # "+ PlaceId +". ") .andend (" & lt; a square = 'ad2' onclick = 'copyPlace (\ "" + placeId + "\"); return returned ;;); Addplace (placeId); $ {"(" # "+ location id +" .add "); add & quot;; href = '#' & gt; place & lt; / a & gt; ). Remove (); $ ("#" + Location id + "actions."). The attachment ("& lt; span class = \" added \ "& gt; added! & Lt; / span & gt; & lt; one class = \" undoadd \ "href = \ "# \" Onclick = \ "undoAddPlace ('" + + Location ID + "'); Return Back; \" Undo & lt; / a & gt; "); Description is False;} Function UndoPlace (Location ID) {$ ("#" + Location ID + "Responses"). Search ("span.added, a.undoadd"). Remove (); $ ("#" + Location ID + "actions"). Attachment ("& lt; a class = 'plus' onclick =' adepass (\" "+ location id +" \ "); return return;; href = '#' & gt; add place & lt; / a & gt ; "); return false; } & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body id = "home" & gt; & Lt; Div class = "location" id = "3435 910" & gt; & Lt; P class = "actions" & gt; & Lt; A href = "#" onclick = "ad place ('3435 910'); return false;" Class = "add" & gt; Add place & lt; / A & gt; & Lt; / P & gt; & Lt; / Div & gt; & Lt; Div class = "location" id = "3435912" & gt; & Lt; P class = "actions" & gt; & Lt; A href = "#" class = "add2" & gt; Add place & lt; / A & gt; & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;

Since you are dynamically adding new items to the DOM, You can use

for it.

Update

Since jQuery 1.7, the method is the preferred method of doing this.

The method has been removed from jQuery 1.9.


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