我使用mmenu在我的bootstrap 3.0网站中从左到右实现了一个滑动菜单.然而,Android(三星Galaxy)的表现并不理想.我还有一个默认的折叠菜单(导航下拉菜单),它表现得更好.
我想知道你们中是否有人有改善左菜单的解决方案？是否有任何Bootstrap 3.0组件可以做到这一点,并且与默认下拉列表一样顺畅？(找不到文档中提到的任何内容)？或任何其他建议？
twitter-bootstrap drop-down-menu slidingmenu twitter-bootstrap-3 mmenu
我正在尝试为mmenu创建一个自定义行为,从网站的右侧打开.
有关如何改变这种事情的指南吗？这是我到目前为止所得到的.
http://codepen.io/davo/pen/krxLw
无论如何,我会继续努力,如果我找到了正确的方法,我会在这里发布.
我点击了这个插件.
$('#activate_mmenu').on('click', function(){
$('#menu').mmenu();
});
有没有办法在插件被激活后绑定另一个函数？
这样的事情:
$('#activate_mmenu').on('click', function(){
$('#menu').mmenu(function(){
alert('plugin is activated!');
});
});
使用jQuery mmenu插件,我需要在菜单关闭或同时调用JavaScript函数.在文档中,我看不到关闭整个菜单的任何建议,只针对closePanel.我需要在mmenu关闭函数中插入另一个(自定义)来隐藏页面上的灯箱效果.
<script type="text/javascript">
$(document).ready(function() {
$("#menu").mmenu({
"extensions": [
"theme-white"
],
"offCanvas": {
"zposition": "front"
},
"slidingSubmenus": false
});
$("#menu").show();
});
</script>
<script type="text/javascript">
function lightbox(){
(function($) {
// some stuff
})(jQuery);}
</script>
有什么方法可以在插件关闭或更好的时候绑定另一个函数,当整个菜单关闭动作时？
我正在尝试将mmenu集成到我目前正在使用jQuery和jQuery Mobile开发的移动网站上，但是即使文档中说明了最基本的代码，我似乎也无法使其运行。
这是我的整个代码index.html：
<html>
<head>
<link type="text/css" rel="stylesheet" media="all" href="mmenu.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.mmenu.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#navig").mmenu({
searchfield : true,
counters : true
});
});
</script>
</head>
<body>
<div> <!-- the wrapper -->
<nav id="navig">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about/">About us</a></li>
<li><a href="/contact/">Contact</a></li>
</ul>
</nav>
<div id="header">
<h4>Header Title</h4>
</div>
<div id="content">
<p>Lorem Ipsum</p>
</div>
<div id="footer">
<span><a href="#contact">Contact</a></span>
</div>
</div>
</body>
</html>
一个有趣的注释是，在src文件夹中查找时，我没有看到仅名为“ mmenu.css”的文件，但找到了jquery.mmenu.css，我以为是其中包含的那个，然后将其重命名为mmenu .css并将其包含在内。
这是我打开index.html时得到的输出
Header Title
Lorem Ipsum
Contact
有人知道我为什么不能运行它吗？是的，我已经阅读了整个文档并尝试了很多不同的方法，但似乎没有任何反应。
提前非常感谢您！
干杯。
编辑：jquery.mmenu.js： …
我正在使用bootstrap和mmenu库设计一个站点.我正在尝试添加一个在mmenu中单击按钮时打开的引导模式.
单击关闭时按下ESC并单击模态外部,模态不会关闭.
我尝试用相同的模态和mmenu编写一个页面,通过单击页面上的按钮打开模态,而不是在mmenu中,两者都工作正常.
我尝试了一个mmenu弹出窗口,当mmenu中的按钮被点击时出现,但有同样的问题.
我也会对通用答案感到满意; 可能出现这两个库的问题,以及如何解决它们.或者如何调试代码以便我自己找出解决方案.我尝试在Chrome中检查控制台,但那里没有错误.我不知道如何进一步检查.
我添加了我的代码,以防万一熟悉mmenu和bootstrap库的人有一个特定的答案.谢谢大家的努力.
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<link href="CSS/bootstrap.css" rel="stylesheet" />
<link href="CSS/jquery.mmenu.themes.css" rel="stylesheet" />
<link href="CSS/jquery.mmenu.all.css" rel="stylesheet" />
<link href="CSS/jquery.mmenu.positioning.css" rel="stylesheet" />
<script src="JS/jquery-1.11.3.min.js"></script>
<script src="JS/jquery.mmenu.all.min.js"></script>
<script src="JS/bootstrap.min.js"></script>
</head>
<body>
<!-- Modal -->
<button type ="button"><a href="#welcomeMenu">Menu</a></button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">Modal title
</h4>
</div>
<div class="modal-body"> …我正在为我的网站使用mmenu jquery插件。现在，我注意到可以将最新版本的搜索字段配置为搜索表单。
1.我怎么意识到的？
我的普通搜索表单如下所示：
<form action="search.html" method="post">
<input type="text" name="item" id="searchform" placeholder="Search" />
<button type="submit" name="submit" id="searchbutton">Search</button>
<input type="hidden" name="do" value="search" />
<input type="hidden" name="searchin" value="all" />
<input type="hidden" name="send" value="1" />
</form>
我已经尝试过了，但是它不起作用：
$("#menu").mmenu({
navbars: { content: [ "prev", "searchfield", "close" ] },
searchfield: {
search: false,
form: {
action: "search.html",
method: "post" },
input: {
type: "text",
name: "item",
id: "searchform" },
input: {
type: "hidden",
name: "do",
value: "search" },
input: {
type: "hidden",
name: "searchin",
value: …我一直在尝试将我在 themeforest.net 上购买的模板应用到我的 React Web 应用程序中。将模板的 HTML/CSS 部分转换为 React 组件相对容易，但是，我发现让 jQuery 部分工作具有挑战性。
该模板使用了多个 jQuery 插件，例如 mmenu、magnific-popup、selected。示例 index.html 在 body 标记的末尾附近包含一个 custom.js。通过浏览这个 custom.js（超过 1000 行代码），我发现它所做的基本上是使用 jQuery 选择器来选择某个 DOM 节点，然后将 jQuery 插件函数或额外的 CSS 类应用于所选节点。对我来说，这个 custom.js 是一个厨房水槽。
这在静态演示 HTML 页面中效果很好，因为 custom.js 是在 HTML 页面的末尾加载的，此时所有节点都显示出来并准备好供选择器选择。
然而，作为一个单页面应用程序，React 应用程序动态更新 DOM 元素而无需刷新页面。我发现，在几个地方，jQuery 插件在路由改变或 props 更新后失去了对 DOM 节点的控制。
我能想到的一种优雅但速度较慢的方法是用功能等效的 React 组件替换 jQuery 插件。
另一个解决方案是，假设，只要有路由更改或组件内容更新，就会再次执行厨房水槽 custom.js 的野蛮力量。但是我的直觉告诉我我不想去那里。
如果以前做过这件事的人能提供一些启示，我将不胜感激。目前，我使用Semantic-ui-react来设计我的应用程序。
我一直在尝试应用的主题是themeforest上的 Listeo。
PS：我阅读了https://reactjs.org/docs/integrating-with-other-libraries.html，但没有发现它对我来说是一个快速的解决方案。
我一直在尝试配置和使用Mmenu一段时间,似乎无法弄清楚如何更改菜单的标题,
我似乎找不到从"菜单"中更改它的方法,我从文档等尝试了不同的东西,没有运气.
也许这里有人有想法？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="www.frebsite.nl" />
<meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" />
<title>TashCraft 24/7!</title>
<link type="text/css" rel="stylesheet" href="css/demo.css" />
<link type="text/css" rel="stylesheet" href="../dist/css/jquery.mmenu.css" />
<link type="text/css" rel="stylesheet" href="../dist/css/addons/jquery.mmenu.dragopen.css" />
<!-- for the one page layout -->
<style type="text/css">
#intro,
#first,
#second,
#third
{
height: 400px;
}
#intro
{
padding-top: 0;
}
#first,
#second,
#third
{
border-top: 1px solid #ccc;
padding-top: 150px;
}
</style>
<!-- for the fixed header -->
<style type="text/css"> …mmenu ×10
jquery ×9
css ×2
html ×2
javascript ×2
mobile ×1
reactjs ×1
semantic-ui ×1
slidingmenu ×1
title ×1