在悬停时显示Bootstrap模态 - php

当鼠标悬停在产品上时，我正在尝试在网上商店中显示Bootstrap Modal。我在网上搜索了以下内容：
https://stackoverflow.com/a/12190456/3164891

通过添加以下代码，我在Fiddle中使其工作：

$('#openBtn').hover(function () {
    $('#modal-content').modal({
        show: true
    });
});

但是，当我想将其应用于我的情况时，我无法使其正常工作
的HTML

<li class="item">
    <a href="#" data-toggle="modal" data-trigger="hover" data-target="#basicModal-<?php echo  $_product->getId()?>" class="product-image" id="<?php echo $_product->getId() ?>">   
        <img id="product-collection-image-<?php echo $_product->getId(); ?>" src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize($_imgSize); ?>" />
    </a>
</li>

<div class="modal fade" id="basicModal-<?php echo $_product->getID()?>" role="dialog"  aria-hidden="true" data-trigger="hover">
    <div class="modal-content">
         Modal Content
    </div>
</div>

调用模态

jQuery('.item').hover(function () {
    jQuery('#basicModal').modal({
        show: true
    });
});

当我在自己的网站上尝试使用该模式时，仅在单击a href时显示模式，而在悬停时不执行任何操作。我也尝试了以下代码：

jQuery('#basicModal').modal({trigger: "hover"});

我正在使用以下版本：

jQuery：1.10.2.min
引导程序：3.2.0

参考方案

您的JavaScript代码在悬停时触发模式，未选择正确的元素：

jQuery('#basicModal')

在上面的行中，您选择的是id ===“ basicModal”的元素，但在html中，id等于basicModal-<?php echo $_product->getID()?>。这两个id字符串必须匹配，或者您可以使用jquery通配符，例如JQuery("[id^=basicModal]")，它选择所有具有basicModal id的所有元素。

这是带有通配符解决方案的代码的有效版本：http://jsfiddle.net/fcyafcgx/

PHP-复选框组 - php

我有一个需要发布的表单复选框组。<input type="checkbox" value="true" checked name="chk0[]"> <input type="checkbox" value="false" name=…

php Singleton类实例将在多个会话中保留吗？ - php

举一个简单的例子，如果我想计算一个不使用磁盘存储的脚本的命中次数，我可以使用静态类成员来执行此操作吗？用户1：<?php $test = Example::singleton(); $test->visits++; ?> 用户2：<?php $test = Example::singleton(); $test->visits+…

PHP Count数组元素 - php

嗨，有人可以解释为什么这会返回“数组由0个元素组成”。 ：$arr = array(1,3,5); $count = count($arr); if ($count = 0) { echo "An array is empty."; } else { echo "An array has $count elements.…

PHP:从函数返回值并直接回显它？ - php

这可能是一个愚蠢的问题，但是……的PHPfunction get_info() { $something = "test"; return $something; } html<div class="test"><?php echo get_info(); ?></div> 有没有办…

PHP:将数据从二维数组复制到一维数组的最快方法 - php

我有一个巨大的二维PHP数组，带有500万行。$t = [ [ "id" => 1, "name" => "foo" ], [ "id" => 2, "name" => "bar" ] ]; 现在，我必须将此数组的I…