【问题标题】:Jquery not working on php echo htmlJquery 不能在 php echo html 上工作
【发布时间】:2018-01-04 13:24:04
【问题描述】:

我正在尝试实现一个通过 php 生成的引导轮播,我想在轮播之外添加标题文本,我正在关注这个: https://codepen.io/RetinaInc/pen/GJbpB

但是,Jquery 不工作 .. 经过一番搜索,我发现 jquery 不能在与 php 相呼应的 html 上工作

$("#slider").on('slide.bs.carousel', function(evt) {

  var step = $(evt.relatedTarget).index();

  $('#slider_captions .carousel-caption:not(#caption-' + step + ')').fadeOut('fast', function() {
    $('#caption-' + step).fadeIn();
  });

});

还有什么方法可以用来添加这个 jquery?

提前致谢

【问题讨论】:

  • 所以你想回应这个吗?如果它是动态创建的,那一切都与序列有关。您可能需要在回显后重新初始化轮播,但动态创建 javascript 或 jquery 是很有可能的。
  • 动态创建的 jquery 工作吗?
  • 确实如此,但它需要重新初始化,除非在初始初始化发生之前加载它。不想搞笑。如果这没有意义,我稍后会想出一个例子
  • 是的,它没有进入初始化阶段
  • 也许使用 ajax 并从 php 传递你需要的一切?

标签: php jquery twitter-bootstrap


【解决方案1】:

我确信 jquery 可以与 php 响应的 eles 一起使用。我刚刚测试了某些类似图片enter image description here

它工作。所以你需要确定jquery的block code是在html元素被php回显后添加的

【讨论】:

  • 脚本后面是什么?
  • 可以把你做的测试发给我吗?
  • @SaraKat 抱歉,我刚刚离开了一段时间。我的测试是使用 laravel 的刀片。在模板文件中,我划分了 2 yield(2 部分代码),1 是 content ,另一个是 after-script。后脚本放在内容之后,以确保在 html 之后读取脚本。就像codeshare.io/alARxB。如果您需要完整的文件,请给我您的电子邮件。
猜你喜欢
  • 2018-06-18
  • 2017-06-25
  • 2011-10-14
  • 1970-01-01
  • 2019-01-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多