WordPress隐藏显示内容脚本和激活/停用屏幕大小的脚本

时间：2013-01-23 作者：devon

我目前正在使用jquery。扩展器。js隐藏/显示段落内容。我只想将其用于宽度小于500px且小于500px（移动电话）的屏幕。我在wordpress 3.5和genesis主题1.9.1中工作

我的问题：

是否有一个经过验证和测试的好脚本可以加载jquery。扩展器。js仅用于屏幕尺寸500px及以下*最重要的部分是对于桌面查看器，如果他们将屏幕大小减少到500px或更小的宽度，它将加载jquery。扩展器。如果它们扩展的宽度大于500px，则会停止/终止jquery。扩展器。js，同样的原因是我只想在500px或更小宽度的移动设备或桌面视图上激活隐藏/显示。

Wordpress的问题是：当我们的一个营销人员向页面添加内容时，他们会在该页面的条目内容窗口中执行此操作，我如何编辑我的php，以便它在条目内容周围放置div。下面是脚本工作所需的div和类名的示例代码。

<div class="expander">

<h1>Welcome and Thanks</h1>

<p>Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede.</p>

</div>

1 个回复
SO网友:s_ha_dum

对于WordPress问题，我将创建一个快捷码。类似于：

function expander_wpse_82811($atts,$content) {
  return \'<div class="expander">\'.$content.\'</div>\';
}
add_shortcode(\'expander_wpse_82811\',\'expand\');
您的编辑器将使用以下内容：

[expand]Aliquam aliquet, est a ullamcorper condimentum... [/expand]

http://codex.wordpress.org/Function_Reference/add_shortcode

结束
标签： genesis-theme-framework   小码农  

相关推荐

WordPress隐藏显示内容脚本和激活/停用屏幕大小的脚本 - 小码农CODE - 行之有效找到问题解决它

WordPress隐藏显示内容脚本和激活/停用屏幕大小的脚本

时间：2013-01-23 作者：devon

我目前正在使用jquery。扩展器。js隐藏/显示段落内容。我只想将其用于宽度小于500px且小于500px（移动电话）的屏幕。我在wordpress 3.5和genesis主题1.9.1中工作

我的问题：

是否有一个经过验证和测试的好脚本可以加载jquery。扩展器。js仅用于屏幕尺寸500px及以下*最重要的部分是对于桌面查看器，如果他们将屏幕大小减少到500px或更小的宽度，它将加载jquery。扩展器。如果它们扩展的宽度大于500px，则会停止/终止jquery。扩展器。js，同样的原因是我只想在500px或更小宽度的移动设备或桌面视图上激活隐藏/显示。

Wordpress的问题是：当我们的一个营销人员向页面添加内容时，他们会在该页面的条目内容窗口中执行此操作，我如何编辑我的php，以便它在条目内容周围放置div。下面是脚本工作所需的div和类名的示例代码。

<div class="expander">

<h1>Welcome and Thanks</h1>

<p>Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede.</p>

</div>

1 个回复
SO网友:s_ha_dum

对于WordPress问题，我将创建一个快捷码。类似于：

function expander_wpse_82811($atts,$content) {
  return \'<div class="expander">\'.$content.\'</div>\';
}
add_shortcode(\'expander_wpse_82811\',\'expand\');
您的编辑器将使用以下内容：

[expand]Aliquam aliquet, est a ullamcorper condimentum... [/expand]

http://codex.wordpress.org/Function_Reference/add_shortcode

标签： genesis-theme-framework   小码农  

相关推荐