Javascript 单击按钮RunFunction和addClass

我试图在单击按钮时向引导模式添加一个类。除了只有一个模式填充了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);
  });

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

我试图做的是将

vid

作为一个类添加到打开的模式中。当我尝试使用这个

$（'#shop modal'）.addClass（vid）我也尝试过这样的东西：

<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);
  });

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

这不管用。有人知道怎么做吗？
根据您的评论：

好的，thx，但是vid有点像123456。为什么addClass（vid）不能工作呢？不过，addClass（“”+vid+“”）可以这样做

听起来像是在向addClass传递一个数字，但addClass需要一个字符串。这就是为什么
addClass（“”+123456+“”）
可以工作，但不能
addClass（123456）
，在数字类型的任一侧使用空字符串将其强制为字符串

如果您改为
addClass（（vid）.toString（））
它也会工作。尽管如此，我还必须提到，只使用一个数字作为类名。
@JoshCrozier:好的，但是
vid
类似于
123456
。为什么addClass（vid）不能工作呢？这是可行的，
addClass（“+vid+”）
@JoshCrozier:我不想将vid添加为类，但123456你是对的。我从字面上读到“我试图做的是将
vid
添加为一个类”。值得注意的是，以数字开头的CSS类是无效的-