Wordpress滑动抽屉插件在将页面转换为HTML后不会保持关闭状态
Wordpress sliding drawer plugin doesn't stay closed after converting page to HTML
我在我的Wordpress网站上使用这个插件:http://wordpress.org/plugins/wordpress-sliding-drawer-content-area/,它在我的小部件的一侧创建了一个抽屉。它在我的本地服务器上运行得很好。
不幸的是,我必须将每个Wordpress页面转换为HTML页面,以便在我的客户端的内部网服务器上使用。这是当抽屉不像以前那样在页面加载时拒绝保持关闭状态。
js:
jQuery(document).ready(function() {
if(jQuery('#sod-drawer-plugin.left').length >0){
var $handle = jQuery('#sod-drawer-plugin.left #sod-drawer-handle');
var $plugin = jQuery('#sod-drawer-plugin.left');
var $adjustment = (parseInt($handle.outerWidth())/2)-parseInt($handle.outerHeight())/2;
if (jQuery.browser.msie){
$plugin.css({
left:parseInt($plugin.css('left'),10) == 0 ? -$plugin.outerWidth():0
});
$handle.css({
left:parseInt($plugin.css('left'),10) == 0 ? parseInt($plugin.outerWidth()-$adjustment):$plugin.outerWidth()
});
$handle.click(function(){
$plugin.animate({
left:parseInt($plugin.css('left'),10) == 0 ? -$plugin.outerWidth():0
});
$handle.animate({
left:parseInt($plugin.css('left'),10) == 0 ? parseInt($plugin.outerWidth()-$adjustment):$plugin.outerWidth()
});
});
}else{
$plugin.css({
left:parseInt($plugin.css('left'),10) == 0 ? -$plugin.outerWidth():0
});
$handle.css({
left:parseInt($plugin.css('left'),10) == 0 ? parseInt($plugin.outerWidth()-$adjustment):$plugin.outerWidth()-$adjustment
});
$handle.click(function(){
$plugin.animate({
left:parseInt($plugin.css('left'),10) == 0 ? -$plugin.outerWidth():0
});
$handle.animate({
left:parseInt($plugin.css('left'),10) == 0 ? parseInt($plugin.outerWidth()-$adjustment):$plugin.outerWidth()-$adjustment
});
});
}
}
});
和HTML:
<!DOCTYPE html>
<!-- saved from url=(0088)./work-life-balance/enhance-your-professional-standing/ -->
<html lang="en-US"><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>Enhance Your Professional Standing | Staff Benefits and Work-life Initiatives</title>
<link rel="stylesheet" id="sod_drawer_css-css" href="./style(1).css" type="text/css" media="all">
<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript" src="./sod_drawer.js"></script>
<link rel="stylesheet" type="text/css" href="./saved_resource.css">
<link rel="stylesheet" type="text/css" media="all" href="./style.css">
</head>
<body class="page page-id-167 page-child parent-pageid-4 page-template-default">
<div class="sod-drawer left" id="sod-drawer-plugin" style="left: -280px;"> <!--- This value changes to left:0px when loaded on the browser --->
<div id="sod-drawer-handle" class="pull black rotate" style="left: 240px;">
<div class="tag"><p>Contents</p></div>
</div>
<div class="content">
<div class="sod-drawer-inner">
<div class="full" id="sod-drawer-1">
<div id="execphp-2" class="sod-drawer-widget widget_execphp">
<div class="execphpwidget">
<div id="sidebar">
<h1><a href="./" title="Staff Benefits and Work-life Initiatives" rel="home">Staff Benefits and Work-life Initiatives</a></h1>
<div id="access" role="navigation" class="desc">
<div class="menu-main-menu-container">
<ul id="menu-main-menu" class="menu">
<li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33"><a href="./">Introduction</a>
</li>
<li id="menu-item-626" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-626"><a href="./epilogue/">Epilogue</a></li>
</ul>
</div>
</div><!-- #access -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
我不精通Javascript,所以如果能解释一下就更好了:)
是否jQuery脚本库加载正常?我怀疑你的脚本在文档头部的src URL:
<script type="text/javascript" src="./jquery.js"></script>
这些url可能是问题所在。它可能在本地服务器上正常工作,但在活动URL上就不行。您可能需要将其更改为"/jquery.js",因为"."指的是当前目录。开头的"/"指的是根URL。
<script type="text/javascript" src="/jquery.js"></script>
请尝试一下,让我知道结果。
相关文章:
- AngularJS&Google可视化-使用状态更改处理程序(Google API)在HTML页面上查看$sco
- 使url匹配'/''/索引'和'/index.html'到单一状态
- 呈现状态字符串中的html
- jQuery美国地图插件-为每个点击状态添加unique.html
- JavaScript和Html代码来运行所有类型的视频并获取状态
- 保存html表单字段状态
- 当单击<a>链接在chrome扩展中,popup.html如何保持打开状态
- 通过单选按钮状态设置HTML元素的可见性
- 使index.html的默认状态不带#something
- 在Ajax调用后返回到原始状态的HTML
- 保存 html 文本区域状态
- Javascript在悬停状态下制作下拉菜单 - 没有HTML中的硬编码
- 按 F5 时还原级联控件的 HTML 窗体状态
- 如何使 HTML 页面保持活动状态
- 将 html 附加到具有三元条件的 ReactJS 中的状态变量
- 根据客户端变量的状态有条件地启用/禁用 @Html.DropDownListFor
- 我可以阻止我的 HTML 页面加载,直到我的 Facebook 登录状态脚本运行之后
- HTML 表单框字段不会保持单击状态
- 从服务器加载 html 和控制器并创建动态状态 UI - 路由器
- Jquery ajaxrequest xhr.状态代码为0,但html状态代码为200