JQuery Click事件沒有響應

-1

我有一個JQuery事件的小問題。我想在點擊按鈕時在一個div中加載一個HTML頁面。按鈕的動態創建是每個xslt和scritp都是動態的。在瀏覽器中一切都很好解釋，但事件沒有奏效。JQuery Click事件沒有響應

$(document).ready(function(){ 
 
\t console.log('partie1'); 
 
    $('#Btn_MILENG').click(function(){ 
 
    \t console.log('partie2'); 
 
    \t $("#DIV_DETAIL").html('<object data="SomeURL"></object>'); 
 
\t }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a class="btn btn-primary btn-xs" href="#" role="submit" name="Btn_MILENG">Détails</a>

如果有人看到的問題，這將是對我非常有幫助。

來源

2017-02-23 nathanael nourry

只給id爲元素。 –

沒有給出id如何調用click（）事件。分配ID然後檢查。 –

您link不要有一個Id

要麼一個Id="Btn_MILENG"添加到您的link，或更改$('#Btn_MILENG') ==>$('[name="Btn_MILENG"]')

$(document).ready(function() { 
 
    console.log('partie1'); 
 
    $('#Btn_MILENG').click(function() { 
 
    console.log('partie2'); 
 
    $("#DIV_DETAIL").html('<object data="SomeURL"></object>'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a class="btn btn-primary btn-xs" href="#" role="submit" id="Btn_MILENG" name="Btn_MILENG">Détails</a>

來源

2017-02-23 12:09:51

你就是不給ID來元

您的生產線變更爲

<a id="Btn_MILENG" class="btn btn-primary btn-xs" href="#" role="submit" name="Btn_MILENG">Détails</a>

來源

2017-02-23 12:10:06

我已經嘗試過這個ID，但它沒有工作。在站在一個表中是重要的嗎？ –

什麼都不能正確工作？它應該在將ID添加到後工作。但標記應該在DOM –

a標記Id是我的一個嘗試，我在這之後幾個小時現在這就是爲什麼我問尋求幫助:)在這裏，我只是嘗試所有的解決方案，但在Chrome中，我看到了第一個控制檯日誌（在文檔準備就緒上），但沒有出現第二個觸發點擊的人。我完全失去了^^ –

你需要添加ID標籤

<a class="btn btn-primary btn-xs Btn_MILENG" href="#" role="submit" id="Btn_MILENG">Détails</a>

，或者您可以使用類

$(document).ready(function(){ 
console.log('partie1'); 
    $('.Btn_MILENG').click(function(){ 
    console.log('partie2'); 
      $("#DIV_DETAIL").html('<object data="SomeURL"></object>'); 
     }); 
    });

，如果你想使用ID

$(document).ready(function(){ 
console.log('partie1'); 
    $('#Btn_MILENG').click(function(){ 
    console.log('partie2'); 
      $("#DIV_DETAIL").html('<object data="SomeURL"></object>'); 
     }); 
    });

都會工作

來源

2017-02-23 12:12:06

因爲您添加按鈕dynamicaly您應該使用on事件。並且如果您的按鈕的均值是一個鏈接，那麼應該添加ID到a標籤：

$(document).ready(function(){ 
    console.log('partie1'); 
     $(document).on("click", '#Btn_MILENG', function(){ 
     console.log('partie2'); 
       $("#DIV_DETAIL").html('<object data="SomeURL"></object>'); 
      }); 
     }); 
<a id="Btn_MILENG" class="btn btn-primary btn-xs" href="#" role="submit" id="Btn_MILENG" name="Btn_MILENG">Détails</a>

來源

2017-02-23 12:14:17

一個標記Id是我的一個嘗試，我在這個自從現在幾個小時，爲什麼我要求幫助:) 在這裏，我只是嘗試所有的解決方案，但在Chrome中，我看到第一個控制檯日誌（在文檔準備就緒上），但沒有出現第二個觸發點擊的人。我完全失去了^^ –

你還沒有加入按鈕元素

<a class="btn btn-primary btn-xs" href="#" role="submit" name="Btn_MILENG" id="Btn_MILENG">Détails</a>

來源

2017-02-23 12:31:56

在體內

id屬性：

    <ul>     
         <xsl:for-each-group select="//dbquery[@id='Analyse_Global']/rows/row" group-by="@bde"> 
          <xsl:variable name="BDE" select="current-grouping-key()"/> 
          <xsl:variable name="BDE_Percent" select="round(sum(//dbquery[@id='Analyse_Global']/rows/row[@bde=$BDE]/@OpsPercent) div count(//dbquery[@id='Analyse_Global']/rows/row[@bde=$BDE]))"/> 
         <li> 

          <xsl:value-of select="current-grouping-key()"/><br/><xsl:value-of select="concat($BDE_Percent,' %')"/> 
          <br/> 

          <a class="btn btn-primary btn-xs" href="#" role="submit"> 
          <xsl:attribute name="id"><xsl:value-of select="concat('Btn_',current-grouping-key())"/></xsl:attribute>Détails</a>

在頭

：

<xsl:for-each-group select="//dbquery[@id='Analyse_Global']/rows/row" group-by="@bde"> 
    <xsl:variable name="BDE" select="current-grouping-key()"/> 
    <script>  
     $(document).ready(function(){ 
console.log('partie1'); 
    $(document).on("click", '#Btn_<xsl:value-of select="$BDE"/>', function(){ 
    console.log('partie2'); 
      $("#DIV_DETAIL").html('<object data="http://opsnode.mil.intra/LRF/XMLWeb/ProcessDescriptor/descriptor/OPSNODE/LCC_STUURBOARD/LCC_STUURBOARD_DETAIL.xml?pRID=100118&amp;pLANG=FR&amp;pBde={$BDE}"></object>'); 
     }); 
    }); 
</script> 
</xsl:for-each-group>

來源

2017-02-23 13:51:26

我發現了問題，但不是解決方案...我動態地生成UL LI，然後從caprica orgchart獲取JS，生成一個表來繪製一個orgchart ...我認爲所有這些東西都是動態生成的沒有觸發點擊功能...我不怎麼聽正確的元素，哪個是正確的...

來源

2017-02-28 13:09:02

問題解決了！

創建組織結構圖的JS將「< a>」設置爲td clickable ...我試着把一個< a>放進去，當我看到它時，我把第二個< a>放入一個跨度，這就解決了這個問題。 Tks給所有人！

來源

2017-03-21 09:37:28

JQuery Click事件沒有響應

回答

相關問題