这是我的设置:
<div class="container">
<ul>
<li data-owner="93"><a href="javascript:void(0);"></a></li>
<li data-owner="94"><a href="javascript:void(0);"></a></li>
<li data-owner="95"><a href="javascript:void(0);"></a></li>
</ul>
<div class="below_list">
<div class="popup">
<a href="javascript:void(0);" class="popup-close">
<img src="<?php echo get_template_directory_uri(); ?>/images/close.jpg">
</a>
<div class="slider-wrapper">
<div class="slider-inner">
<img src="<?php echo get_template_directory_uri(); ?>/images/slider.png" />
<img src="<?php echo get_template_directory_uri(); ?>/images/slider2.png" />
<img src="<?php echo get_template_directory_uri(); ?>/images/slider3.png" />
</div>
</div>
<div class="description">
<h1 class="title"></h1>
<h3 class="subtitle"></h3>
<p class="description"></p>
</div>
</div>
</div>
</div>
每当我单击列表项时,我都会使用: 获取数据所有者var formId = $(this).attr('data-owner');
。这将用作 ID。
然后我将不得不使用附加到h1
空白处$('.title').append('<?php echo get_the_title(formId); ?>');
我了解 PHP 只执行一次,但我不确定如何提出解决方案。
请注意,所有内容都发生在一页中,而无需刷新。