Question

我有一套方框：

HTML

<button class="btn-modal">
   <div>Ajax content 1</div>
</button>
<button class="btn-modal">
   <div>Ajax content 1</div>
</button>

在PHP循环中我做：

<?php 
$permalink = get_permalink(); // Link of the box
?>
<script>
var simple = '<?php echo $permalink; ?>';
</script>

上面的php循环为每个simple变量

中的每个框链接打印正确的链接

然后我通过像这样的ajax调用内容：

$(document).on( 'click', ".btn-modal", function(){
  var cont = $(this).simple +  " .content"; // Load via ajax the Box link + content 
  jQuery(".modal-body").load(cont);
});

变量simple已正确应用于所有框，但我没有收到this box link on click，但我发现找不到错误

http://www.example.com/xchanges/home/work/interactive/undefined 404 (Not Found)

Answer 1

我想我明白你想做什么。你的方法不正确，你想为每个div保存一个链接，然后在某些JS逻辑中使用该链接。

然后在你的循环中（这是Wordpress吧？）你需要在data-attr内的DOM元素中设置链接，并为该div提供一些类名，以便你可以实际选择它使用JS

echo '<div class="someClass" data-src='. get_permalink() . '> .....

结果应为：

<div class="someClass" data-src="http://..." >Ajax content 1</div>

现在，你的JS

$(document).on( 'click', ".btn-modal", function(){
  var cont = $(this).children('.someClass').attr('data-src') + " .content";
  jQuery(".modal-body").load(cont);
});

如何获得＆＃34;这个＆＃34;变量混合php和jQuery？

1 个答案: