jquery - Background become black but the content of the modal doesn't appear -


i'm trying use modal attribute. when user click on image suppose display text have write following code.

<div class="col-md-4 gallery-left">    <a data-toggle="modal" data-target=".bs-example-modal-md" href="#mymodal" class="b-link-stripe b-animate-go  thickbox">       <img class="img-responsive lot" src="{% static 'img/toothbrush.jpg' %}" alt="">       <div class="b-wrapper">           <div class="b-animate b-from-left b-delay03 ">               <i class="plus second"> picture description </i>           </div>       </div>    </a> </div> <div id="mymodal" class="modal fade" role="dialog">      <div class="modal-dialog">      <!-- modal content-->      <div class="modal-content">          <div class="modal-header">              <button type="button" class="close" data-dismiss="modal">&times;</button>              <h4 class="modal-title">modal header</h4>          </div>          <div class="modal-body">               <p>some text in modal.</p>          </div>          <div class="modal-footer">              <button type="button" class="btn btn-default" data-dismiss="modal">close</button>          </div>      </div>   </div> </div>

the background become black there no content display. have succeed use modal display image on user clicking using following code:

<a data-toggle="modal" data-target=".bs-example-modal-md" href="{% static 'img/toothbrush.jpg' %}" class="b-link-stripe b-animate-go  thickbox">

why doesn't work when i'm trying display div text instead of image?

you have turned things around little bit. 

<a data-toggle="modal" data-target=".bs-example-modal-md" href="#mymodal" class="b-link-stripe b-animate-go  thickbox">

should 

<a data-toggle="modal" data-target="#mymodal" href="#" class="b-link-stripe b-animate-go  thickbox">

i.e reference id of modal markup. or should add bs-example-modal-md class #mymodal :

<div id="mymodal" class="modal fade bs-example-modal-md" role="dialog">

both work. in either case should use href="#". here example #mymodal -> http://jsfiddle.net/03m1fzso/ in opinion best solution since targeting class can lead unclarity when reexaminate code, besides risk of using class more once accident.


Comments

Post a Comment

Popular posts from this blog

Ansible warning on jinja2 braces on when -

i using code in vars my_var: "{{lookup('env','my_var') | default(true, true)}}" i using like - include: task.yml when: my_var this worked without issue in ansible 2.2 in ansible 2.3 warning this [warning]: when statements should not include jinja2 templating delimiters such {{ }} or {% %}. found: {{lookup('env','my_var') | default(true, true)}} so if use my_var: "lookup('env','my_var') | default(true, true)" , mean remove {{ }} , no warning my_var evaluated true no matter if pass false env variable. works fine in previous code gave how can fix it? the cleanest way set fact instead of using template in variable (it prevent lookup plugin being called multiple times in included tasks - not huge performance gain, cleaner): - set_fact: my_var: "{{lookup('env','my_var') | default(true, true)}}" also mind evaluate true in cases when environment my_var diff...
Read more

Parsing a protocol message from Go by Java -

i write server(go)-client(java) programe, , use protobuf communication. define proto file , share between server , client. in server side: compile shared proto file go protoc serialize object proto.marshal send client make request service in client side: compile shared proto file java protoc get bytes transferred via http deserialize bytes object. here following error: "com.google.protobuf.invalidprotocolbufferexception: while parsing protocol message, input ended unexpectedly in middle of field. mean either input has been truncated or embedded message misreported own length." i confirmed http work fine , value of bytes received in client side same bytes send server. have same problem on this? here proto file syntax = "proto3"; package tutorial; message person { string name = 1; int32 id = 2; string email = 3; enum phonetype { mobile = 0; home = 1; work = 2; } message phonenumber { ...
Read more

node.js - Node js - Trying to send POST request, but it is not loading javascript content -

i have been trying send post request website, , has not been loading full site. i guessing problem node js not loading javascript content, executing it. can see javascript in response, though never loads content javascript files producing in html. what mean is, doesn't execute javascript. how make node js code overcome this, , wait the full website load? have tried native code, , "request' module, both producing same errors. if helps, don't need native javascript. modules fine. some code have tried (request module): var options = { method: 'post', uri: 'https://url', formdata: { 'email': 'email', 'prize': '0', 'transactional': 'on' }, headers: { /* 'content-type': 'application/x-www-form-urlencoded' */ // set automatically } }; rp(options) .then(function (body) { console.log(body) }) .catch(function (err) { console.log(err) }); when fetch content...
Read more