Jade + JQuery Mobile,如何添加某种按钮?

时间:2013-01-11 14:52:03

标签: javascript jquery html mobile pug

与编译成HTML的.jade文件一样,我也是JQuery Mobile的新手。我正在这个jade文件中初始化JQuery Mobile ..

doctype 5
html
  head
    title= title
    meta(name='viewport', content='width=device-width,initial-scale=1')
    link(rel='stylesheet', href='/stylesheets/jquery.mobile-1.2.0.min.css')
    script(type='text/javascript', src='/javascripts/jquery-1.8.2.min.js')
    script(type='text/javascript', src='/javascripts/jquery.mobile-1.2.0.min.js')

这是正确的吗? 我怎么会改变这样的......

if (elem.onload == 1)                                                   
  input(type = 'checkbox', name = elem.name + '|onl', checked)
else
  input(type = 'checkbox', name = elem.name + '|onl') 
| OnLoad

使用JQuery移动按钮的东西。 谢谢!

1 个答案:

答案 0 :(得分:0)

关于jQuery部分,它正常工作,因为我刚刚测试了这段代码,点击它们时两个内容都消失了。

!!! 5
html(lang="en")
  head
    title Holamundo!
    script(type='text/javascript', src='http://code.jquery.com/jquery-1.9.1.js')
  body
    h1#headTitle Hello, World
    p#content This is an example of Jade.
    script
      $('#headTitle').click(function() {
        $(this).hide();
      });
      $('#content').click(function() {
        $(this).hide();
      });