2013-02-06 69 views
2

如何覆盖NyroModal包装。如何覆盖NyroModal包装?

我不想重写css类,我们需要能够添加我们的div而不是原生的WRAPPER div。

GitHub我发现两个功能:beforeShowContfilledContent,但我不知道如何覆盖使用这些功能的包装。

我还发现这篇文章在code google,这正是我想要开发的,但它并没有说如何。

<table class="ctools-modal-content"> 
    <tr> 
    <td class="popups-tl popups-border"></td> 
    <td class="popups-t popups-border"></td> 
    <td class="popups-tr popups-border"></td> 
    </tr> 
    <tr> 
    <td class="popups-cl popups-border"></td> 
    <td class="popups-c"> 
     <div class="popups-container"> 
     <div class="popups-title"> 
      <span id="modal-title" class="modal-title"></span> 
      <span class="popups-close"><a class="close" href="#">Close</a></span> 
      <div class="clear-block"></div> 
     </div> 
     <div id="modal-content" class="modal-content">HERE WOULD .wrapper OR #nyroModalContent GO</div> 
     <div class="popups-buttons"></div> 
     <div class="popups-footer"></div> 
     </div> 
    </td> 
    <td class="popups-cr popups-border"></td> 
    </tr> 
    <tr> 
    <td class="popups-bl popups-border"></td> 
    <td class="popups-b popups-border"></td> 
    <td class="popups-br popups-border"></td> 
    </tr> 
</table> 
+1

我发现[东西](http://stackoverflow.com/a/8141170/1581050),我希望它的帮助。 –

+0

我添加了新的描述;调整大小不是问题;我需要添加一个轮廓到本地nyro模态iframe –

+0

@Barnee如果屏幕上有多个nyroModals会怎么样?你用堆叠的东西做什么?你如何解决这些问题? – Pentium10

回答

0

我是指从here

的nyroModal代码如果你想覆盖包装类的话,您可以通过以下方式做到这一点。

  • 选择nyroModal的主容器。
  • 为其包装添加新样式。

    DIV#nyroModalFull div.wrapper {/ *你自己的风格* /}

  • 的nyroModal风格

我希望这将下班后加载自己的样式表你

+0

您的回答告诉我们如何覆盖类,我们需要能够添加我们的div而不是原生的WRAPPER div。 ty反正 –

+0

你可以通过jQuery的帮助来做到这一点。即$('div#nyroModalFull')。find('div.wrapper')。removeClass('div.wrapper')。addClass('yourclassname'); – Jaydev

+0

OP询问如何重写包装器DIV,而不是类。 – Pentium10