當導航欄顯示時，使用Bootstrap：JS函數停止工作

我有一個簡單的JS連接，當我的自適應網站的中斷點被激活時停止工作（在768px處導航var切換/摺疊，這裏是JS函數停止工作）當導航欄顯示時，使用Bootstrap：JS函數停止工作

的HTML是：

<div class="mainFoto"> 
    <img id="bigImage" src="/fotosArticulos/12578.jpg"> 
</div> 
<div class="misProductosFotos"> 
    <div class="foto" onclick="callImage('12578.jpg');"><img src="/Thumbs/12578.jpg"></div> 
    <div class="foto" onclick="callImage('30643.jpg');"><img src="/Thumbs/30643.jpg"></div> 
    <div class="foto" onclick="callImage('12656.jpg');"><img src="/Thumb/12656.jpg"></div> 
</div>

和JS功能

function callImage(idImage) { 
var imageUrl = '/fotosArticulos/'+idImage; 
$('#bigImage').attr('src', imageUrl); 
}

這個簡單的做，當點擊一個拇指JS的變化ID的SRC =「bigIm年齡「

有誰知道爲什麼這個功能停止工作，以及如何解決它？我非常感謝任何幫助

來源

2013-11-09 Saymon

http://jsfiddle.net/示例將是有益的！你在哪裏定義了這個功能？它需要$（document）.ready（function（）{}） – Mutant

@Mutant因爲問題只是使用引導程序我沒有看到如何重新生成沒有引導庫的jsfiddle.net示例。這個函數不需要在$（document）.ready（function（）{}）上定義，因爲這只是一個獨立的函數，它是通過onclick事件調用的（無論如何我按照你的說法來聲明，並且我得到了相同的行爲）我沒有看到問題出現在函數中，因爲它在瀏覽器處於全視圖時正常工作，問題看起來在引導工具上，因爲當網站在768px – Saymon

可能這會幫助你。

HTML

<div class="mainFoto"> 
    <img id="bigImage" src="/fotosArticulos/12578.jpg" /> 
</div> 
<div class="misProductosFotos"> 
    <div class="foto"> 
     <img src="/Thumbs/12578.jpg" /> 
    </div> 
    <div class="foto"> 
     <img src="/Thumbs/30643.jpg" /> 
    </div> 
    <div class="foto"> 
     <img src="/Thumbs/12656.jpg" /> 
    </div> 
</div>

腳本

$('.foto').click(function() { 
     $('#bigImage').attr('src', $(this).find('img').prop('src').replace('/Thumbs/', '/fotosArticulos/')); 
    })

fiddle

來源

2013-11-09 14:21:54

處崩潰時我只會遇到問題Anil，這段代碼與我的行爲相同，在768px以上工作良好，但當視圖端口在768px下崩潰時，JS代碼停止工作，甚至不顯示Alert消息。 – Saymon

它是否顯示您的控制檯中的任何js錯誤。 –

不是沒有，只是停下來沒有任何消息工作 – Saymon

@anilkumar，你覺得在一個變量存儲$(this).find('img').prop('src').replace('/Thumbs/', '/fotosArticulos/')可能讓事情變得更人類可讀？像這樣：

$('.foto').on('click', function() { 
var changeSrc = $(this).find('img').prop('src').replace('/Thumbs/', '/fotosArticulos/'); 
$('#bigImage').attr('src', changeSrc); 
})

@saymon，你看你可能會在斷點處被去除.mainFoto > img的#bigImage ID？或者也許Bootstrap可能會重命名元素ID？

來源

2013-11-09 14:40:49 cssimsek

不，根據錯誤消息ID保持不變。 – Saymon

謝謝你們的支持。問題是，當網站崩潰並得到響應時，有一個看不見的元素與拇指圖標重疊，這就是爲什麼他們沒有迴應，我想我太快混合引導。再次感謝:)

來源

2013-11-09 14:59:54 Saymon

當導航欄顯示時，使用Bootstrap：JS函數停止工作

回答

相關問題