jQuery 语法 & WordPress 标签

发布于 2024-11-11 02:17:37 字数 467 浏览 0 评论 0原文

我有以下脚本：

$(document).ready(function() {
  $('#slideSelect').change(function(){
    $('#slideViewer img').attr('src', $(this).val() + '.png');
  });
});

我想知道添加 WordPress 模板标签的最佳方法是如何添加到 #slideViewer img 部分。

模板标签是：

<?php bloginfo('template_directory); ?>/builderimages/

基本上我想以：

$('#slideViewer img').attr('src', TEMPLATE TAG HERE + $(this.val() + '.png');

原文

I have the following script:

$(document).ready(function() {
  $('#slideSelect').change(function(){
    $('#slideViewer img').attr('src', $(this).val() + '.png');
  });
});

I'd like to know how the best way to add a Wordpress Template Tag is to the #slideViewer img section.

The template tag is:

<?php bloginfo('template_directory); ?>/builderimages/

Basically I want to end with:

$('#slideViewer img').attr('src', TEMPLATE TAG HERE + $(this.val() + '.png');

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

反差帅 2024-11-18 02:17:37

您可以尝试以下操作：

var IMG_DIR = '<?php bloginfo('template_directory');?>/builderimages/';

// And then, later on...
$('#slideViewer img').attr('src', IMG_DIR + $(this).val() + '.png');

只要 PHP/WordPress 正在处理包含 var IMG_DIR 部分的文件，此操作就应该有效。如有必要，您可以将其放入模板的部分的

You could try this:

var IMG_DIR = '<?php bloginfo('template_directory');?>/builderimages/';

// And then, later on...
$('#slideViewer img').attr('src', IMG_DIR + $(this).val() + '.png');

This should work as long as the file with the var IMG_DIR part is being processed by PHP/WordPress. If necessary, you could put that in a <script> in your template's <head> section so that it will be visible everywhere.

回复收藏 0 原文

绻影浮沉 2024-11-18 02:17:37

jQuery 是客户端，而 php 代码是服务器端。所以你不能直接将两者链接起来。您需要将信息嵌入页面上的某个位置，以便 jquery 可以检索它。您可以创建任何您想要的标签，然后从中检索一个值。这很粗糙，但是

//server side
<span id="templatesdir" style="display: none;"><?php echo bloginfo('template_directory'); ?></span>

//client side
var templates = $('#templatesdir').html();
$('#slideViewer img').attr('src', templates + $(this.val() + '.png');

jQuery is client side while php code is server side. So you cannot directly interlink the two. You will need to embed the information somewhere on the page so that it can be retrieved by jquery. You could create any tag you want and then retrieve a value out of it. This is crude, but

//server side
<span id="templatesdir" style="display: none;"><?php echo bloginfo('template_directory'); ?></span>

//client side
var templates = $('#templatesdir').html();
$('#slideViewer img').attr('src', templates + $(this.val() + '.png');

回复收藏 0 原文

~没有更多了~