Tag: zurb foundation

动态警报框与基础: 我应该如何动态地向具有基础的页面添加新警报框？看起来我必须为框插入html标记，然后重新初始化整个页面的基础…这可能不对，可以吗？是否有一些动态添加警报框的简单方法？我希望api如： $(“#myElement”).foundation(‘alert’, “foo 123”); 例： $.post(“/some/url”, {some:’data’}) .fail(function(){ $(“#myElement”).foundation(‘alert’, ‘Process failed!’); });

Rails中的JQuery在从另一个页面链接后失败，适用于页面加载: 我在我的主页上有一个引用旋转器。当我直接从浏览器加载页面（在浏览器中键入地址并按Enter键）它工作正常..但是，如果我点击链接到我的网站中的另一个页面，然后链接回到它停止工作。更具体地说，引号开始重叠，几乎就好像该方法的两个实例正在运行一样。我认为这可能是javascript如何加载的问题。由于我在网站的另一个页面上有一个标签脚本，它会加载正常，但如果我链接并返回页面它不再有效… 在控制台中没有收到任何错误。我在Ubuntu 12上运行Rails 4，Ruby 2.0.0，Foundation，并使用WebBrick进行测试。 Gemfile发布在下面： source ‘https://rubygems.org’ # Bundle edge Rails instead: gem ‘rails’, github: ‘rails/rails’ gem ‘rails’, ‘4.0.0’ # Use mysql as the database for Active Record gem ‘mysql2’ # Use SCSS for stylesheets gem ‘sass-rails’, ‘~> 4.0.0’ # Use Uglifier as compressor for JavaScript assets gem ‘uglifier’, […]

ECONFLICT无法为jquery Foundation找到合适的版本: 我正在尝试安装基金会，但它一直让我与Jquery发生冲突 λ bower install foundation bower foundation#x cached https://github.com/zurb/bower-foundation.git#5.5.1 bower foundation#x validate 5.5.1 against https://github.com/zurb/bower-foundation.git#x bower foundation#* cached https://github.com/zurb/bower-foundation.git#5.5.1 bower foundation#* validate 5.5.1 against https://github.com/zurb/bower-foundation.git#* bower jquery#>= 2.1.0 cached https://github.com/jquery/jquery.git#2.1.3 bower jquery#>= 2.1.0 validate 2.1.3 against https://github.com/jquery/jquery.git#>= 2.1.0 bower modernizr#>= 2.7.2 cached https://github.com/Modernizr/Modernizr.git#2.8.3 bower modernizr#>= 2.7.2 validate 2.8.3 against https://github.com/Modernizr/Modernizr.git#>= 2.7.2 bower jquery.cookie#~1.4.0 cached https://github.com/carhartl/jquery-cookie.git#1.4.1 […]

基础兜风只在第一次加载时开始: 我正在使用Foundation Joyride，每次我加载网页时都会开始游览，但是我如何才能首次加载网页时启动游览？我的设置是…… $(window).load(function() { //Foundation Joyride (Tour) $(“#tour”).joyride({ ‘cookieMonster’: true, ‘cookieName’: ‘JoyRide’, ‘cookieDomain’: ‘mydomain.co.uk/’, ‘postRideCallback’ : function () { $(this).joyride(‘destroy’); }, cookieMonster: false }); });

Reveal Modal中的Google Map API未完全显示: 我在div中有一个谷歌地图有问题，按钮点击后会弹出屏幕。谷歌地图只是部分显示。我知道我需要创建一个resize事件，但不知道如何或放在哪里。任何帮助将非常感激！请记住，我对JS知之甚少！链接到测试网站：点击谷歌地图按钮，看看手上的问题： http://simplicitdesignanddevelopment.com/Fannie%20E%20Zurb/foundation/contact_us.html# 我的Google API脚本： function initialize() { var mapOptions = { center: new google.maps.LatLng(39.739318, -89.266507), zoom: 5, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById(“map_canvas”), mapOptions); } 包含地图的div： How to get here × 单击按钮时调用地图的脚本： $(document).ready(function() { $(‘#myModal1’).click(function() { $(‘#myModal’).reveal(); }); });