Rails 应用程序的选项卡式 javascript 小部件
用户在我们的 Rails 应用程序上注册,然后他们将获得 javascript 以在其网站中嵌入小部件。该小部件有一个选项卡式界面,如 JQuery 选项卡 http://stilbuero.de/jquery/tabs_3/。 iFrame 已经过测试,但小部件外形尺寸和跨域策略否定了 iframe 的使用。该小部件非常动态,经常会用新内容更新 DOM - 并且由于跨域策略,看起来 JSONP 是必要的。
我知道“widget.js.erb”需要创建小部件布局、引用样式表、呈现选项卡等 - 但是一旦单击选项卡,小部件如何从 Rails 应用程序请求内容并将其呈现在DOM?
A user registers on our Rails app and they're given javascript to embed a widget in their website. The widget has a tabbed interface, like the JQuery tabs http://stilbuero.de/jquery/tabs_3/. iFrames have been tested, but the widget form factor and cross-domain policy negates the use of iframes. The widget is very dynamic and will often update the DOM with new content - and because of cross-domain policy, it looks as though JSONP is necessary.
I understand that 'widget.js.erb' needs to create the widget layout, reference a stylesheet, render the tabs, etc - but once a tab is clicked, how does the widget request the content from the Rails app and render it in the DOM?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
jQuery 选项卡与普通 HTML 页面一样保存 HTML div。将每个选项卡视为简单地将 HTML 内容隐藏在其他选项卡中,而没有 jQuery 选项卡将显示这些内容。
jQuery Tabs hold HTML divs much as a normal HTML page does. Think of each tab as simply hiding the HTML content in other tabs that without jQuery Tabs would be displayed.