我正在使用 Node 主干应用程序。我创建动态内容并将 jquery UI 可拖动添加到我创建的内容或元素中。但是,当我的模板系统渲染时,我的元素甚至不会移动。路径是正确的。我使用一个类来引用这些元素和可拖动方法。
有人可以告诉我包含 jquery ui 和 jquery 脚本以便它们正确加载的正确方法是什么吗?
layout jade - index.jade - 在index.jade中渲染的模板(扩展布局)
在我的应用程序中,我有一个连接到主干的 jquery 模块,但由于某种原因,jquery UI 未与其连接,因此我必须在其旁边添加一个 jquery 脚本。但是当我在模板中创建带有主干的动态元素时,jquery 将无法工作。我使用 .html() 将它们添加到模板中。
这是layout.jade
!!! 5
html(lang="en")
head
title project
meta(name='viewport', content='width=device-width, initial-scale=1.0')
link(rel='stylesheet',href='/styles/bootstrap.css')
link(rel='stylesheet',href='/styles/styles.css')
body
.navbar.navbar-inverse
.container
button.navbar-toggle(type='button', data-toggle='collapse', data-target='.nav-collapse')
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='#')
img(src='/img/greatlogowhite.png', width='300')
.nav-collapse.collapse
ul.nav.navbar-nav
li.active
a(href='#')
img(src='/img/house.svg', width='70')
li
a(href='#about')
img(src='/img/pen.svg', width='70')
li
a(href='#contact')
img(src='/img/search.svg', width='70')
li
a(href='#contact')
img(src='/img/chat.svg', width='70')
这是index.jade
block content
block scripts
extends layout
block content
div#content
block scripts
script(data-main='js/boot', type='text/javascript',src='/js/libs/require.js')
script(type='text/javascript', src='http://code.jquery.com/ui/1.10.3/jquery-ui.js')
这就是我尝试使用 jquery ui 的方式
<script>
$(document).ready(function() {
$( ".pic" ).draggable();
});
</script>
最佳答案
其实我就是为了解决这个问题才这么做的。无论谁使用backbone、node.js 和 require.js,请记住将 jquery 和 jquery UI 作为包含 require 的库,并且在使用backbone 创建动态元素时,例如:
$('#content').append(html); inside backbone call jquery UI
$('.drag').draggable();
关于node.js - 将 Jquery UI 与express.js 结合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18247829/