gpt4 book ai didi

javascript - 单击按钮运行函数并添加Class

转载 作者:行者123 更新时间:2023-12-03 11:56:10 24 4
gpt4 key购买 nike

我试图在单击按钮时将类添加到 Bootstrap 模式。除了只有一个填充了 JSON 内容的模态之外,没有什么特别的。为了使我的脚本正常工作,我需要向模式添加一些标识符,以便脚本知道哪个模式打开。

模态如下所示:

<div data-show="false" data-width="800" tabindex="-1" aria-hidden="false" role="dialog" class="modal fade in" id="shop-modal">
<div class="modal-dialog modal-lg">
... content from JSON ...
</div>
</div>

模式打开如下:

<a data-vid="123456" data-handle="link-to-product.html" class="trigger-cart" href=""></a>

$('.trigger-cart').click(function(e){
e.preventDefault();
var $this = $(this);
var url = $this.data('handle') + '/?format=json';
var vid = $this.data('vid');
quick_shop(url, vid);
});

点击按钮时触发的函数是这样的:

function quick_shop(url, vid){

$('#shop-modal').addClass(vid);

$.getJSON(url, function (data){
$('#shop-modal').modal('show');
// do stuff....

我尝试做的是将 vid 作为类添加到打开的模式中。当我尝试使用这个 $('#shop-modal').addClass(vid); 我也尝试了这样的东西:

$('#shop-modal').modal('show').addClass(vid);

这行不通。有谁知道该怎么做吗?

最佳答案

根据您的评论:

Ok thx but vid is something like 123456. Why doesn't addClass(vid) works then? This works though, addClass(''+vid+'')

听起来您正在向 addClass 传递一个数字,但 addClass 需要一个字符串。这就是为什么 addClass(''+123456+'') 有效,但 addClass(123456) 无效,在数字类型两侧使用空字符串会将其强制转换为是一个字符串。

如果你这样做addClass((vid).toString())它也可以工作。尽管如此,我还必须提到仅使用数字作为类名 is not valid

关于javascript - 单击按钮运行函数并添加Class,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25610030/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com