javascript - Close link not working and opening modal window instead -

-

i have 'a' tag, when clicked, removes thumbnail gallery calling jquery click event. if dynamically add thumbnail image , remove on same page without refreshing, click event doesn't triggered. triggers modal window pop (as if clicking on image). if press 'x' (to close) modal window triggers jquery click event remove image. works fine on non dynamically added thumbs or if page has been refreshed.

$('a.close').click(function () {            var imageid = $(this).attr('id');      $.post(              '/managespaces/removeimage',              { id: imageid }          );      $(this).parents('li').remove();  });
<div id="row">    <ul id="sortable">      @foreach (var image in model.images.orderby(i => i.ordering)) {      <li id="@image.yogaspaceimageid" class="col-sm-6 col-md-4 imagethumbs" data-yogaspaceid="@model.yogaspaceid">          <div class="thumbnail">          <a id="@image.yogaspaceimageid" class="close" href="#">×</a>          @{ var base64 = convert.tobase64string(image.imagethumbnail); var thumbsrc = string.format("data:image/gif;base64,{0}", base64); var base64modal = convert.tobase64string(image.image); var imgsrcmodal = string.format("data:image/gif;base64,{0}", base64modal);          var imageid = "pop" + image.yogaspaceimageid; var imagesourceid = "imagesource" + image.yogaspaceimageid; }          <a class="image" id="@imageid" href="" data-toggle="modal" data-target="#mymodal">            <img id="@imagesourceid" src="@thumbsrc" data-imagesrc="@imgsrcmodal" alt="image not found" width="203" height="136" />          </a>          <div class="caption">            <h3>thumbnail label</h3>            <p>...</p>            <p><a href="#" class="btn btn-primary" role="button">button</a>  <a href="#" class="btn btn-default" role="button">button</a>            </p>          </div>        </div>        </li>      }    </ul>    <div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true">      <div class="modal-dialog">        <div class="modal-content">          <button type="button" class="close" data-dismiss="modal" aria-label="close"><span aria-hidden="true">&times;</span>          </button>          <a href="" data-toggle="modal" data-target="#mymodal">            <img id="modalpreview" alt="image not found" width="355" height="355" />          </a>        </div>      </div>    </div>  </div>

this snippet of js adds new thumbnail when user selects new image , appends ul list.

var listitem =           "<li id=\"" + responsetext.yogaspaceimageid + "\" class=\"col-sm-6 col-md-4 imagethumbs\" data-yogaspaceid=" + $("#hiddenyogaspaceid").val() + ">" +              "<div class=\"thumbnail\">" +              "<a id=\"" + responsetext.yogaspaceimageid + "\" class=\"close\" href=\"#\">×</a>" +                  "<a class=\"image\" id=\"" + imageid + "\" href=\"\" data-toggle=\"modal\" data-target=\"#mymodal\">" +                      "<img id=\"" + imagesourceid + "\" src=\"" + thumbsrc + "\" data-imagesrc=\"" + imgsrcmodal + "\" alt=\"image not found\" width=\"203\" height=\"136\" />" +                  "</a>" +                  "<div class=\"caption\">" +                      "<h3>thumbnail label</h3>" +                      "<p>...</p>" +                      "<p><a href=\"#\" class=\"btn btn-primary\" role=\"button\">button</a> <a href=\"#\" class=\"btn btn-default\" role=\"button\">button</a></p>" +                  "</div>" +              "</div>" +          "</li>";        var $li = $(listitem);      $('ul#sortable').append($li);

$('a.close') selects available elements, if add new element need call jquery on well.

$(element).youroriginalquery

Comments

Post a Comment

Popular posts from this blog

c++ - Delete matches in OpenCV (Keypoints and descriptors) -

-
i want check scene image against 2 train images. that, detect features , compute descriptors of both training images. before detecting, computing , matching scene image, delete matches of train1 , train2. because these matches won't facilitate matching of scene image train1 , train2. so, match train1 train2 , vector of matches trainidx , queryidx. how can delete these matches in keypoints-vector , descriptor matrix of train1 , train2? best regards, dwi i have done below: std::vector<cv::keypoint> keypoints[2]; cv::mat descriptor[2]; std::vector< cv::dmatch > matches; /* write code generate keypoints, descriptors , matches here... keypoint[0] -> train image 1 keypoints keypoint[1] -> train image 2 keypoints descriptor[0] -> train image 1 descriptors descriptor[1] -> train image 2 descriptors matches -> matched between train image 1 , 2 */ // logic keep unmatched keypoints , corresponding descriptor
Read more

java - Could not locate OpenAL library -

-
i writing game using slick2d library, uses lwjgl. lwjgl version 2.9.3. using netbeans 8. i tried adding sounds game, example music track on main menu. problem is, exception when run game, despite game still compiling , running except sound of course: sat mar 21 01:23:57 edt 2015 error:could not locate openal library. org.lwjgl.lwjglexception: not locate openal library. @ org.lwjgl.openal.al.create(al.java:156) @ org.lwjgl.openal.al.create(al.java:156) @ org.lwjgl.openal.al.create(al.java:102) @ org.lwjgl.openal.al.create(al.java:206) @ org.newdawn.slick.openal.soundstore$1.run(soundstore.java:295) @ java.security.accesscontroller.doprivileged(native method) @ org.newdawn.slick.openal.soundstore.init(soundstore.java:292) @ org.newdawn.slick.music.<init>(music.java:156) @ org.newdawn.slick.music.<init>(music.java:75) @ view.mainmenu.init(mainmenu.java:58) i didn't include rest of error states error happens in game code. the
Read more

sorting - opencl Bitonic sort with 64 bits keys -

-
i used nvidia sdk bitonic sort , works great me. 32 bits (uint) need ulong keys. have typically 2^14 keys @ time , power of 2. searched on not find kernel designed ulong. i tried modified nvidia sdk bitonic sort using ulong keys not work. kernel not crash after de call clenqueuendrangekernel got error : cl_invalid_command_queue can tell me how modify bitonic sort or radixsort, or can sort ulong keys? i running nvidia quadro 4000 opencl 1.1 cuda 6.5.20 full_profile used original nvidia sdk bitonicsort.cl i used"ulong" keys , value input , ouput instead of "uint" thanks helping i made work-around suit need. used 30 bits of key , 18 high bits of value sorting. changed comparators (2 lines): '#define mask 0xffffc000 // suit need from this: if( (*keya > *keyb) == dir ) this: if(((*keya > *keyb)||((*keya == *keyb)&&((*vala & mask)> (*valb & mask)))) == dir ) it works fine. but, still, it's work-a
Read more