Tag: twitter bootstrap

Bootstrap selectpicker VueJS指令

我正在尝试为Bootstrap构建一个自定义指令，从Bootstrap selectpicker中将 输入到“selectpicker”中。我也希望这个指令使用VueJS的默认optionsfunction来填充上的选项。 HTML将是这样的： 现在我可以完美地创建指令并使用bind方法在元素上调用selectpicker()方法。 问题似乎是在调用selectpicker()之后设置了选项。 所以我需要等到设置选项，或者在设置选项时我必须再次调用selectpicker(refresh) 。 有谁知道这是否可能？

Bootstrap行高度随个别div而变化

Bootstrap container row有col-lg-3类。 从具有不同文本长度的SQL查询返回超过100篇文章。 每篇文章（数字为1,2,3等）分别放在 标签上。 但我的输出如下： 但是我需要 用PHP代码的HTML <?php foreach ($value as $add) { echo "”; echo $add->article_item; // column name is article_item echo “”; } ?>

Bootstrap.js必须在jQuery之前加载

我试图让Bootstrap下拉function起作用，但我注意到一些非常奇怪的东西。 出于某种原因，我必须在jquery之前加载bootstrap.min.js以便下拉工作。 下拉列表不起作用时的代码如下： 然后，如果我切换它们（jquery之前的bootstrap），下拉神奇地工作。 我不明白为什么这是考虑bootstrap需要查询运行，否则我在Firebug中得到一个错误： ReferenceError: Can’t find variable: jQuery 任何解释和/或帮助都会很棒！

Bootstrap – 想要隐藏内容直到模态加载

我正在使用jquery模式在一个页面中加载多个vimeovideo。 我一直注意到DOM中所有video的加载（34）都会影响性能（在加载时产生延迟）。 因此，我希望确保仅在触发shown.bs.modal事件时才加载video播放器。 这里几乎是一个菜鸟，所以我不知道该怎么做。 莫代尔： <div class="modal fade" id="” tabindex=”-1″ role=”dialog” aria-hidden=”true”> <iframe class="test" id="vimeo" src="//player.vimeo.com/video/” frameborder=”0″ webkitallowfullscreen mozallowfullscreen allowfullscreen> 注意：阅读接受回答的评论

模态错误 – 未捕获TypeError：undefined不是函数模态

我使用以下代码，我在JS($(“#deleteModal”).modal(“show”);中删除了错误JS($(“#deleteModal”).modal(“show”); ），任何想法在这里可能有什么问题？ 我正在使用MVC5项目 错误是 未捕获的TypeError：undefined不是函数 ×Close Delete Item Close $(function () { $(“#deleteModal”).modal(“hide”); // initially hides the modal pop-up until needed $(“.deleteLink”).on(“click”, function () { $.get(‘@Url.Action(“GetDeletePartial”)’, { id: $(this).prop(“id”) }, function (data) { $(“#deleteModalBody”).html(data); $(“#deleteModal”).modal(“show”); // shows the modal pop-up now that we have our partial view }); }); }); 当我尝试它像跟随它失败在脚本的乞讨与同样的错误 @section scripts { $(function […]

Bootstrap JQuery：所选项目的下拉菜单validation

我有以下twitter bootstrap下拉菜单，它是表单的一部分： Platform: Select Android IOS Windows Phone 一旦页面加载，那么当用户选择一个项目我使用它 var platform = (“Platform: ” + $(“#dropdown_title2”).text()); $(‘#printPlatform’).html(platform); 将下拉值设置为var，然后使用在模式中显示它 我现在要validation此下拉列表以检查项目是否已被选中并且“select”的默认值已更改。 这是我尝试过的： var selected = “Select” if ($(“#dropdown_title1”).text == selected) { alert(‘Please fill in missing details’); } 但是，运行代码时，不会显示警告对话框。 谁知道我哪里出错了？ 文本框的当前validation（下拉validation将添加到此方法） $(document).ready(function () { @*Validation for Empty fields with name formpart*@ $(‘#SendRequest’).click(function (e) { var isValid = true; […]

转到子页面时，Twitter小工具无法加载

我在我的网站上使用twitter小工具： https ： //twitter.com/settings/widgets/ 我创建了一个在每个页面上加载的小工具。 在主页上它工作正常，但当我去一个子页面时，它只显示替代文本。 我究竟做错了什么？ 奇怪的是当我用F5键重新加载子页面时，twitter小工具运行正常。 我在我的网站上使用HTML5，CSS，JQuery和Javascript。

我们可以在某个限制之后将对象渲染为html（ng-repeat），我们可以继续从最后一个对象渲染到父元素

我需要将列表候选配置文件渲染为coursel（项目）滑块（每张幻灯片限制为18）。 这是我的HTML： {{Candidate.Name}} 从ajax电话我将获得候选人资料列表 – “CandidateProfiles” 角度代码： ManagmentApp.controller(“cntrlrCandidateProfile”, [“$scope”, “$routeParams”, “HostelManagementService”, “$filter”, “ModalService”, function ($scope, $routeParams, HostelManagementService, $filter, ModalService) { function getCandidateProfiles(response) { $scope.CandidateProfiles = response.data.CandidateData; } function errorTOGetCandidateProfiles() { } // —————-Coursel slides initialization ——————— function courselInitialisation(className, slideDuration) { $(className).carousel({ interval: slideDuration //changes the speed }) } courselInitialisation(“#hstlCandidateProfiles”, 3000); HostelManagementService.get().then(getCandidateProfiles, errorTOGetCandidateProfiles);)}; 在这里我想做的是限制-18个候选人的个人资料，然后从19个个人资料应该绑定为新的“项目”类。 {{Candidate.Name}} 在每18个候选者之后它应该绑定新项目（div元素应该渲染到html中）。 […]

TinyMCE 404 / undefined

我在Q / A应用程序中使用TinyMCE和Twitter Bootstrap v3.1。 出于某种原因，我在TinyMCE的控制台中收到了多个404错误： GET http://localhost/assets/lib/TinyMCE/themes/modern/themeundefined.js 404 (Not Found) tinymce.min.js:3 Failed to load: /assets/lib/TinyMCE//themes/modern/themeundefined.js 据我所知，路径是正确的。 我已经直接在浏览器栏中输入了路径（没有undefinedtheme.js），然后弹出。 TinyMCE的完整路径是： http://localhost/application/assets/lib/TinyMCE/ 我启用了mod-rewrite，我尝试过禁用但没有帮助。 我试过设置： tinyMCE.baseURL = “/assets/lib/TinyMCE”; tinyMCE.baseURL = “/application/assets/lib/TinyMCE”; tinyMCE.baseURL = “localhost/application/assets/lib/TinyMCE”; 我在TinyMCE常见问题解答中搜索了指向mod_rewrite的问题。 基本上是什么导致了undefinedtheme.js事情？ 我的TinyMCE发起人： //TinyMCE Initiator //set scope $(document).ready(function() { tinyMCE.baseURL = “/assets/lib/TinyMCE”; tinymce.init({ selector: “textarea#tinymce”, theme: “modern”, /*width: 400,*/ height: 300, plugins: [ “advlist […]

Rails引导导航选项卡在通过yield渲染时处于活动状态

我坚持让导航标签工作，跟踪什么是活动的以及如何仍然呈现新视图。 这是我的标记示例。 仅包含一个标签内容以用于说明目的。 所以现在我可以选择展示我的标签内容。 但是当我点击其他东西时。 例如，在“即将发生的事件”中激活并单击“过去事件”，如何在从past_events_path加载内容时使用同一空间上的javascript和链接将active转移到past_events_path