Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/261.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
通过jQuery HTML替换在WordPress中添加动态PHP代码?_Php_Jquery_Html_Wordpress - Fatal编程技术网

通过jQuery HTML替换在WordPress中添加动态PHP代码?

通过jQuery HTML替换在WordPress中添加动态PHP代码?,php,jquery,html,wordpress,Php,Jquery,Html,Wordpress,我一直在WordPress中为一个客户端使用一个主题,在响应视图中标题很糟糕。我可以使用桌面宽度,但768px以下的任何东西都需要有完全不同的标记,因为客户端的要求——任何试图通过CSS实现这一点的尝试都会导致更多的UI灾难。我希望利用jQuery的.html()功能在

我一直在WordPress中为一个客户端使用一个主题,在响应视图中标题很糟糕。我可以使用桌面宽度,但768px以下的任何东西都需要有完全不同的标记,因为客户端的要求——任何试图通过CSS实现这一点的尝试都会导致更多的UI灾难。我希望利用jQuery的
.html()
功能在<768px处交换引导网格元素。下面是一个片段示例——假设我需要将徽标从桌面中最右侧的位置移动到标题左侧的第一个元素。我正确地使用了动态徽标的主题声明:

if($(window).width() < 768) {
        $('.top-bar').html('<div class="col-md-3"><?php vg_ebuilder_display_logo_sticky(); ?><div class="logo-inside"><?php vg_ebuilder_display_top_logo(); ?></div></div>');
    }
if($(窗口).width()<768){
$('.top bar').html('');
}
但这返回了注释掉的PHP:

<!--?php vg_ebuilder_display_logo_sticky(); ?-->



因此,这里可能有两个问题:有没有一种方法可以通过
$(document.ready
上的jQuery
.html()
函数在WordPress中添加这样的动态PHP?如果可以的话,如果在DOM之后加载,它是否确实是动态的

否。PHP在服务器上运行,而不是在客户端上运行。javascript需要调用一个端点,该端点将执行php逻辑,返回响应,并将该响应放在页面上。将不会调用在客户机上插入php。

否。php在服务器上运行,而不是在客户机上运行。javascript需要调用一个端点,该端点将执行php逻辑,返回响应,并将该响应放在页面上。在客户端插入php将不会被调用。

我无法对您的建议进行“评论”,因为我的声誉还不到50岁,所以希望这是正确的答案。我发现这在Joomla()中也适用于我

在要更改的div中,添加一个唯一的类,例如“builder”。 然后,如果需要,编写一个或多个新的css类,以

@media (max-width: 767px) {
  .your_new_class {
   }
}
-但是不要为新类使用名称“builder”-在要更改的div的自定义css文件中

然后使用jquery.addClass将css类应用于index.php中的div。大概是这样的:

<script>
$( ".builder" ).addClass( "the_class_you_want_to_apply another_class" );
</script>

$(“.builder”).addClass(“您希望应用另一个类的类”);
括号和双引号之间的空格是经过深思熟虑的,正如jquery网站上的示例所使用的那样

在我的例子中,我将其添加到index.php的底部,就在结束body标记之前


您可能需要有多个脚本才能应用于不同的元素。

我不能对您的建议进行“评论”,因为我的声誉还不到50岁,所以希望这是正确的答案。我发现这在Joomla()中也适用于我

在要更改的div中,添加一个唯一的类,例如“builder”。 然后,如果需要,编写一个或多个新的css类,以

@media (max-width: 767px) {
  .your_new_class {
   }
}
-但是不要为新类使用名称“builder”-在要更改的div的自定义css文件中

然后使用jquery.addClass将css类应用于index.php中的div。大概是这样的:

<script>
$( ".builder" ).addClass( "the_class_you_want_to_apply another_class" );
</script>

$(“.builder”).addClass(“您希望应用另一个类的类”);
括号和双引号之间的空格是经过深思熟虑的,正如jquery网站上的示例所使用的那样

在我的例子中,我将其添加到index.php的底部,就在结束body标记之前


您可能需要不止一个脚本来应用于不同的元素。

这可能是一个可行的解决方案,尽管对于需要在整个标题中重新定位的多个字段来说可能太棘手了——有各种各样的动态PHP小部件(搜索、菜单等)这不仅需要改变引导类的宽度,还需要从上到下修改整个容器。虽然这确实给了我一些其他的想法——谢谢。这可能是一个可行的解决方案,尽管对于需要在整个标题中重新定位的多个字段来说可能太棘手了——有各种各样的动态PHP小部件在起作用(搜索、菜单等)这不仅需要改变引导类的宽度,还需要从上到下修改整个容器。虽然这确实给了我一些其他的想法——谢谢。